Masthash

#ReactJS

Webdev Weekly
7 hours ago

react.gg - the interactive way to master modern React (limited private beta begins this summer)

https://react.gg/

Discussions: https://discu.eu/q/https://react.gg/

#javascript #programming #reactjs #webdev

#PHP was a script embedded in HTML templates.

Serverside Components in #ReactJS are HTML templates embedded in script.

Your metaphor isn't clever; you could just as easily say that SSCs are basically Perl, or Express, or any other serverside HTML generator.

#webDev #JavaScript

Web Axe
18 hours ago

Global Accessibility Awareness Day Hackathon: https://www.finos.org/hosted-events/2023-05-18-gaad-hackathon April 24 thru May 18 #hackathon #webdev #javascript #reactJS #GAAD

Richard Carrigan
2 days ago

I'm considering submitting a conference talk proposal for the upcoming #apollo #graphqlsummit .

Title: Optimistic UI updates with Apollo Client and React

Summary: showcasing an example implementation of Apollo Client optimistic UI updates for all CRUD operations in a #reactjs app, including handling drag & drop reordering

If you're into #graphql, would you attend?

Ingo Richter
2 days ago

I worked on a small project to get better with my #reactjs #typescript #webdev skills https://github.com/ingorichter/eff-dice-generated-passphrase

You don't need #ReactJS until your webpage changes. That's why it's called "React", it makes the #DOM *react* to changes in application state. If the state never changes, #React is unnecessary. #webDev #frameworks #web #dev #programming #frontend #JavaScript

Daishi Kato
3 days ago

Wakuwork, a React Framework, v0.8.3 is released!

You can try new router implementation, and see how React Server Components work.
Repo: https://github.com/dai-shi/wakuwork

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Ted Ward
3 days ago

Currently working on a redesign for a website. The job isn't complete yet as some work needs to be done for the "login" but the main redesign is complete.

Here is an image of the previous version and the updated redesign made with #React #frontend #ReactJs #frontenddeveloper

Version 1 of the website.
Redesigned Version.

I'm struggling with TypeScript generics (again) : How pass an Interface to a method using generics ?

https://stackoverflow.com/questions/75853970/how-pass-dynamically-interface-to-a-method

#Dev #Reactjs #Nextjs #frontend #Help #TypeScript #Generics

Daishi Kato
4 days ago

Playing with Wakuwork, Minimalistic React Framework with React Server Components!

RSC supports streaming, so can we send infinite data?

Yes!

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
4 days ago

Wakuwork v0.8.0 is released! https://github.com/dai-shi/wakuwork
Wakuwork is Minimalistic React Framework that extensively uses React Server Components.

On top of the minimal API, we added a router API. The router API is also minimal for the start.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
5 days ago

Just released jotai-redux v0.2.1! https://github.com/jotaijs/jotai-redux

Someone filed a PR and it's merged. Super nice to see this integration library being used.

#ReactJS #React #JavaScript #TypeScript #Jotai #Redux

Alec Perkins
6 days ago

Good list of useEffect pitfalls and mistakes, bad practices: https://react.dev/learn/you-might-not-need-an-effect #ReactJS

Daishi Kato
1 week ago

Wakuwork v0.7.2 is released! https://github.com/dai-shi/wakuwork
It's Minimalistic React Framework. My focus is React Server Components oriented, with client-first approach.
You can build an app and the `dist` folder contains everything. (Requires Node.js).

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
1 week ago

Wakuwork's minimal spec for React Server Components.

It's ready for you to play with! ๐Ÿ‘‰ `npm create wakuwork`

Repo ๐Ÿ‘‰ https://github.com/dai-shi/wakuwork

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
1 week ago

Zustand is such a small library that I don't have much to teach. Maybe I can just randomly talk about Zustand v4. Here's a new video product. Hope someone finds it interesting.

๐Ÿ‘‰ https://daishi.gumroad.com/l/learn-zustand-v4 ๐Ÿป

#ReactJS #React #JavaScript #TypeScript #Zustand

Dan Shappir
1 week ago

.@TejasKumar_ ื”ื•ื ืคืจื–ื ื˜ื•ืจ ื‘ื—ืกื“! ืžื•ืžืœืฅ ื‘ื—ื•ื ืจื‘!

ื•ื›ื‘ื•ื ื•ืก ืชืงื‘ืœื• ื’ื ืื•ืชื™ ื›ืžืจืฆื” ื‘ืื—ื“ ืžื›ื ืกื™ ื” #ReactJS ื”ืžื•ื‘ื™ืœื™ื ื‘ืขื•ืœื ๐Ÿ˜€
---
RT @TejasKumar_
See y'all in Israel! Come say hi at @ReactNext?

Tickets: https://www.react-next.com/
https://twitter.com/TejasKumar_/status/1637841140576657409

Me at ReactNext
Dan Shappir
1 week ago

.@jherr puts out consistently excellent videos about #ReactJS and #webdev. For example this one about the React's new cache function. Highly recommended! https://www.youtube.com/watch?v=T3m-MZkuadU

#Signals are just the reactivity model from #Solid, #MobX, #Ember, #Knockout, et al. It pushes a notification with an #observable-like mechanism that something has changed, thereโ€™s a dependency graph (implicit or explicit) that is notified. Then, it schedules a pull to calculate values. #ReactJS #Preact #javaScript #webDev #frontend

Daishi Kato
1 week ago

Just fixed create-wakuwork without "exec" hack. https://unpkg.com/browse/create-wakuwork@0.3.0/cli.js

Wakuwork is Minimalistic React Framework with React Server Components. https://github.com/dai-shi/wakuwork

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Dioramic Life
1 week ago

DEFINITELY some funky shiz with the #reactjs model for lifecycle event callbacks -- at least with functional components.

I'm noob, so maybe it's just that, coming from an #angular, event-driven background.

BUT...

Webdev Weekly
1 week ago
Daishi Kato
1 week ago

Wakuwork v0.7.1 is released! https://github.com/dai-shi/wakuwork

Now, we can create wakuwork. Yay!

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
1 week ago

Wakuwork v0.7.0 is released! https://github.com/dai-shi/wakuwork
It's React framework for Server Components (RSCs).

I wasn't sure if I can reach here, but now it supports building. There are many assumptions and limitations, but it should work for basic usage.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Jeff Handley
2 weeks ago

I spent soooooo much energy trying to convince folks at Concur that server-side rendering would prevail with #reactjs. Very few took me seriously. It was exhausting. Welp.

manlycoffee
2 weeks ago

University and bootcamp instructors may dock marks off for improper componentization, but these people are really behind on what people in the Industry do.

Don't listen to them.

If you want to componentize, because it is easier for you, then do it.

If it doesn't bother you to *not* componentize, then don't bother #reactjs #react #frontend

manlycoffee
2 weeks ago

Componentization on React (and other frameworks like it) is just generally an antipattern #react #reactjs #programming #frontend

manlycoffee
2 weeks ago

New pattern when using React (and other frameworks like it):

views, hooks, and signals

#reactjs #react #programming #frontend

Daishi Kato
2 weeks ago

RSCs question of the day:
"Can React Server Components run on browsers?"

Yeah, probably (as long as they don't depend on server stuff). I'll give it a try in the future step.
It's tricky wording. It's different from running client components on browser.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
2 weeks ago

Wakuwork https://github.com/dai-shi/wakuwork is Minimalistic React Framework for React Server Components.
How does browser communicates with server with RSCs?
Just added a diagram in the README file.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

JS Party ๐Ÿชฉ
2 weeks ago

โœจ New episode of JS Party! โœจ

Dan Abramov & Joe Savona from the React Team join @jerod & @nicknisi for a wide-ranging discussion about Reactโ€™s place in the frontend ecosystem.

We cover everything from React competing with React, their responses to SPA fatigue and recent criticisms, to Server Components and the future of the framework. #javascript #reactjs #frontend #frameworks

๐ŸŽง https://jsparty.fm/267

Daishi Kato
2 weeks ago

Wakuwork https://github.com/dai-shi/wakuwork is not file based.
It's function based, and you could write a function to make it file based.
We'll see how it goes.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

RT @realstoman@TW: The new home for #ReactJS is nice. I wish the react team had included the #Vite option as well for creating a newโ€ฆ https://twitter.com/i/web/status/1636735030734061577 #t2m

Daishi Kato
2 weeks ago

Wakuwork v0.6.1 is released! https://github.com/dai-shi/wakuwork
It is Minimalistic React Framework to support bleeding edge React Server Components.

It adds "prerender" support. We can embed "prerendered" in index.html.
It gets a bit complicated as it introduces a kind of "router" notion.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
2 weeks ago

Wakuwork https://github.com/dai-shi/wakuwork supports what I call "React Server Functions" (`callServer` feature in React Server Components).

Here's my diagram to try illustrating the basic idea.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Webdev Weekly
2 weeks ago

Mermaid Flow | I made a visual mermaid diagram generator. No more handwriting Mermaid JS.

https://www.mermaidflow.app

Discussions: https://discu.eu/q/https://www.mermaidflow.app

#javascript #programming #reactjs #webdev

Daishi Kato
2 weeks ago

Wakuwork v0.6.0 is released! https://github.com/dai-shi/wakuwork It's minimalistic React framework for server components.

Comes with:
- latest react experimental builds (no `use` anymore)
- mutate() api
- reply encoding

Maybe, I'm going too fast. Let's take a break.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Christoph Miksche
2 weeks ago

Just started my first #reactjs appโ€ฆ I have to say, as a longtime #angular and #vuejs developer, I didnโ€™t thought creating #SPAs could be that easyโ€ฆ

Webdev Weekly
3 weeks ago

This Week In React #137: Code Extraction, Server Components, Signals, Forget compiler, Next.js, Astro, Deno, Remix, Preact, Signia, TypeScript...

https://thisweekinreact.com/newsletter/137

Discussions: https://discu.eu/q/https://thisweekinreact.com/newsletter/137

#programming #reactjs #reactnative #typescript #webdev

Dan Shappir
3 weeks ago

Wrote an answer to the question "Is there currently a better JavaScript framework or library that beats #reactjs ?" four years ago on @Quora. I think the answer is still pertinent ๐Ÿ™‚ https://www.quora.com/Is-there-currently-a-better-JavaScript-framework-or-library-that-beats-React-JS/answer/Dan-Shappir-1

JS Party ๐Ÿชฉ
3 weeks ago

๐Ÿ“ฏ Today on JS Party LIVE ๐Ÿ“ฏ

Dan Abramov & Joe Savona from the #reactjs team join @jerod & @nicknisi to discuss React's place in the #frontend ecosystem & what the future looks like! Join us! ๐Ÿ’š

๐Ÿ‘€ https://jsparty.fm/267/live
โฐ https://jsparty.fm/267/time
๐Ÿ’ฌ https://jsparty.fm/community

Ryan Elainska
3 weeks ago

Iโ€™m increasingly over the โ€œReact Hooks were a mistakeโ€ genre of takes. Not everyoneโ€™s brain has to work the same way. If hooks are weird to your brain or seem like an unhelpful paradigm, donโ€™t use them. Or donโ€™t use React. There are great alternatives to it now! But thereโ€™s no need to claim itโ€™s wrong and bad for anyone to use. Go solve real problems with whatever tool or framework makes you most productive. #reactjs #webdevelopment

Daishi Kato
3 weeks ago

Zustand v4.3.6 is released! https://github.com/pmndrs/zustand/releases/tag/v4.3.6

We consider the core api is pretty stable, and encourage library authors to create third-party libraries to provide more features.

#ReactJS #React #JavaScript #TypeScript #Zustand

Webdev Weekly
4 weeks ago
Daishi Kato
4 weeks ago

Wow, React Server Components are really the future. This is how I put RSCs inside client components.

#ReactJS #React #JavaScript #TypeScript

I thought that the birdsite had lost all it's web nerds to the fediverse, but it seems that all the #ReactJS discourse is still happening there. Nobody here is talking about #Signals, but it's all they talk about there.

Mastodon is just for the web-edgelords, who have rejected the mainstream frameworks.