Masthash

#reactjs

Daishi Kato
4 hours 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
9 hours 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
10 hours 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
15 hours 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
16 hours 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 day ago
Daishi Kato
1 day 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
2 days 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
3 days 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
3 days 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
3 days ago

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

manlycoffee
3 days ago

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

views, hooks, and signals

#reactjs #react #programming #frontend

Daishi Kato
4 days 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
4 days 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 ๐Ÿชฉ
4 days 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
4 days 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
4 days 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

Dioramic Life
5 days ago

Really liking the new #ionicframework landing page for their web site. They've come a long way since the beta days of AngularJS, and the very messy days of early Angular. #angular #sveltejs #reactjs

Just_A_Rogue_Xerox
5 days ago

Just started working with #reactjs and man... so much fun.

My modular brain is having one hell of a time building components.

Daishi Kato
6 days 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
1 week 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
1 week ago

Wakuwork architecture diagram added in https://github.com/dai-shi/wakuwork
I think it's a basic React Server Components setup.

It's hard to draw all concepts. There are no distinctions like "Server components". It's components that server (happens to) render.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
1 week 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
1 week 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โ€ฆ

Daishi Kato
1 week ago

After watching Ryan Carniato 's stream, I've been thinking about mutation API with React Server Components in Wakuwork. Instead of releasing a new one (as I did it today), here's a PR. https://github.com/dai-shi/wakuwork/pull/1 One round-trip for mutation and rerender. ๐Ÿ˜

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
1 week ago

Here's the API in Wakuwork v0.5.0.

entries.ts defines entry points, which look like routes, but they aren't.
serve() function renders a server component.

At this point, it almost says no to SSR.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
1 week ago

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

v0.4.0 was my mistake. I ended up with `entries.ts`, it's no hacks in a sense. It's getting more opinionated framework with React Server Components. I'll eventually write up some design decisions.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Riki
1 week ago

Simple template made with React and Tailwindcss.๐Ÿ’ป

https://www.npmjs.com/package/mawi-react-app

#template #npm #javascript #reactjs #tailwindcss

Webdev Weekly
1 week 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
1 week 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

Daishi Kato
2 weeks ago

Here's the API in Wakuwork v0.4.0. I'm not sure if `server()` is intuitive name. Suggestions are welcome.

What is Wakuwork again? It's minimalistic React framework. Currently it has only dev server. It's sort of React Server Components Playground.

#ReactJS #React #JavaScript #TypeScript #ServerComponents

Daishi Kato
2 weeks ago

It was a busy day. Here comes Wakuwork v0.4.0!
Watching Ben Holmes stream gave me some ideas. Firstly introduced API to hide some internals. It's VERY tricky. Also updated examples and reordered.

Repo: https://github.com/dai-shi/wakuwork
Demo: https://codesandbox.io/p/sandbox/wakuwork-example-counter-mdc1yb

#ReactJS #React #JavaScript #TypeScript #ServerComponents

JS Party ๐Ÿชฉ
2 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

Daishi Kato
2 weeks ago

React Server Functions (RSC's callServer) in action. How does it look like?

#ReactJS #React #JavaScript #TypeScript

Daishi Kato
2 weeks ago

๐ŸŽ‰ Guess what! Do you see what's happening? You can call back to server from client. I call it "React Server Functions". (RSC's callServer)

#ReactJS #React #JavaScript #TypeScript

Daishi Kato
2 weeks ago

Minimalistic React Framework: Wakuwork v0.3.0 is released. Currently, it's like React Server Components Playground.
Instead of hacky bundler, this version uses vite middleware. So, it comes with react-refresh.

Repo: https://github.com/dai-shi/wakuwork
Demo: https://codesandbox.io/p/sandbox/wakuwork-example-counter-mdc1yb

#ReactJS #React #JavaScript #TypeScript

Ryan Elainska
2 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
2 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
2 weeks ago
Daishi Kato
2 weeks ago

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

#ReactJS #React #JavaScript #TypeScript

Lionel Rudaz
3 weeks ago

Maintenant que j'ai la structure, plus qu'ร  faire un peu de code ๐Ÿง‘๐Ÿปโ€๐Ÿ’ป

Pour commencer, j'ai eu besoin de crรฉer un nouveau type #TypeScript et simplement 3 composants #reactjs.

Tout le reste s'est fait automatiquement grรขce ร  ce que j'avais dรฉjร  fait dans le passรฉ ๐Ÿ˜‰

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.

Davey
3 weeks ago

Special React linter that is good at linting React: "Hey there are some things in the useEffect block that aren't in the array at the end. Your code will be better if they are added there."

Me: "Ok linter, but mostly cus I don't like yellow zigzags"

Browser reloads, blood starts pouring out the screen, a nation sinks into the sea.

#reactjs

Never thought my first months as a software engineer would be spent working in #reactjs and #kotlin but here we are. Both are proving much more pleasant than I expected so I'm quite happy so far!

gemma lynn
3 weeks ago

mucked around with some dumb legacy #reactjs #svg nonsense this morning and then compensated for feeling dumb by telling myself that other people might also feel dumb so we can all feel dumb together

https://til.ello.tech/to-inline-a-sprite-svg-that-was-externally-linked

#webdev #frontend

Dan Shappir
3 weeks ago

Lots of discussions currently going on about the merits and limitations of #reactjs use of vDOM vs other approaches for updating the browser UI. For detailed info about what the vDOM is, why it's needed, its capabilities and limitations, see these episodes of @JSJabber podcast โžก๏ธ

Dan Shappir
3 weeks ago

In case it appears from my tweets that I dislike #reactjs, that's totally not the case. I love the React model, and have mad props for the React team. That said, there are issues with how that model translates to reality, and it's worthwhile to investigate alternative models.

Dan Shappir
3 weeks ago

Why this sudden debate about the #reactjs programming model? IMO because enough time has passed that the shine has worn off of hooks.

Daishi Kato
3 weeks ago

There was a regression in jotai/valtio/zustand-signal in the previous releases. Just pushed a fix and released patches.

#ReactJS #React #JavaScript #TypeScript #Jotai #Valtio #Zustand

Dan Shappir
4 weeks ago

Excited to announce that I'll be speaking at the @ReactNext conference! This is the largest #ReactJS conference in #Israel. I'll be describing the various ways in which modern frameworks strive to overcome the cost of hydration https://www.react-next.com/speakers/dan-shappir/

Dan Shappir
4 weeks ago
Webdev Weekly
1 month ago

My 2023 Minimalistic Web Dev Setup - Simple and effective dev setup using fish shell, starship, vscode and more!

https://www.flavienbonvin.com/my-2023-web-dev-setup/

Discussions: https://discu.eu/q/https://www.flavienbonvin.com/my-2023-web-dev-setup/

#reactjs #webdev

There are honest reasons that people started using and still use #reactjs; I lived through Angular, and Backbone don't try to tell me there weren't reasons!

I still think we should re-evaluate those reasons, because things have changed; we have #ESModules now, #webcomponents #shadowdom etc.

I don't care about web performance, I just want to build websites with a team of people and not have a bunch of indeterminate UI behavior. React delivered the hell out of that, can the post-React stack?