#ReactJS
react.gg - the interactive way to master modern React (limited private beta begins this summer)
Discussions: https://discu.eu/q/https://react.gg/
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
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?
I worked on a small project to get better with my #reactjs #typescript #webdev skills https://github.com/ingorichter/eff-dice-generated-passphrase
Just Blogged: Building a Non-Sitecore Page with Sitecore #JSS and #NextJS : A Step-by-Step Guide ๐ http://amitkumarmca04.blogspot.com/2023/03/how-to-build-a-sitecore-jss-nextjs-page-layout.html
.
.
.
#Sitecore #SitecoreMVP #SitecoreCommunity #LearnSitecore #Sitecorefriends #SitecoreFamily #NextJS #ReactJS #JavaScript #DotNet #Azure #headless #Headless #AI #CMS #OpenAPI #DotNetCore #ChatGPT #AI #SUGCON #Cloud #DXP #composabledxp #github ๐ https://tinyurl.com/githubamit

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
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

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


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
[AskJS] Tinkering with observability for shared React states (without context), would love any thoughts
https://codesandbox.io/s/react-typescript-forked-odqbgg?file=%2Fsrc%2FApp.tsx
Discussions: https://discu.eu/q/https://codesandbox.io/s/react-typescript-forked-odqbgg?file=%252Fsrc%252FApp.tsx
Playing with Wakuwork, Minimalistic React Framework with React Server Components!
RSC supports streaming, so can we send infinite data?
Yes!

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.

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.
Follow Me! #introduction
#oregon #pdx #pnw #portland #sanFrancisco #sf #arkansas #cannabis #coffee #cycling #bike #eBike #fungi #mushrooms #unreal #videoGames #gaming #vr #retroGaming #rg35xx #sega #web #css #developer #frontEnd #fullStack #html #javaScript #js #webApps #webDev #aws #customElements #cypress #devops #graphql #lit #pwa #react #reactjs #serverless #shadowDom #webComponents #web3 #activityPub #bitcoin #blockchain #btc #crypto #cryptocurrency #filecoin #helium #hnt #icp #ipfs
Good list of useEffect pitfalls and mistakes, bad practices: https://react.dev/learn/you-might-not-need-an-effect #ReactJS
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).

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

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.

.@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

.@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
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

Build dashboards fast! New Tremor v2.0 release
Discussions: https://discu.eu/q/https://www.tremor.so
Wakuwork v0.7.1 is released! https://github.com/dai-shi/wakuwork
Now, we can create wakuwork. Yay!

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.

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.
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 not exactly a "new" pattern
Componentization on React (and other frameworks like it) is just generally an antipattern #react #reactjs #programming #frontend
New pattern when using React (and other frameworks like it):
views, hooks, and signals
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.
New React docs pretend SPAs don't exist anymore
https://wasp-lang.dev/blog/2023/03/17/new-react-docs-pretend-spas-dont-exist
Discussions: https://discu.eu/q/https://wasp-lang.dev/blog/2023/03/17/new-react-docs-pretend-spas-dont-exist
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.
โจ 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
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.
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
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.
How can my Minimalistic React Framework be listed there?
https://react.dev/learn/start-a-new-react-project#bleeding-edge-react-frameworks
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.
Mermaid Flow | I made a visual mermaid diagram generator. No more handwriting Mermaid JS.
Discussions: https://discu.eu/q/https://www.mermaidflow.app
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.

How to create and use path alias in TypeScript imports with Vite
https://hsblhsn.me/how-to-create-and-use-path-alias-in-typescript-imports-with-vite
Discussions: https://discu.eu/q/https://hsblhsn.me/how-to-create-and-use-path-alias-in-typescript-imports-with-vite
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
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
How to Install ReactJS on Debian 11
https://www.linuxtoday.com/developer/how-to-install-reactjs-debian-11/
#JavaScript #Developer #Debian11 #tutorial #ReactJS
๐ฏ 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
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
React Is Holding Me Hostage - @emnudge - https://emnudge.dev/blog/react-hostage
If you don't think that #ReactJS has improved #DX then I don't think you have done much #development; with or without it.
Full-Stack TypeScript with tRPC and React
https://www.robinwieruch.de/react-trpc/
Discussions: https://discu.eu/q/https://www.robinwieruch.de/react-trpc/
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.
A boilerplate for Node.js apps / Rest API / Authentication from scratch - express, mongodb (mongoose). Typescript
https://github.com/watscho/express-mongodb-rest-api-boilerplate
Discussions: https://discu.eu/q/https://github.com/watscho/express-mongodb-rest-api-boilerplate
#javascript #nodejs #programming #reactjs #typescript #webdev
I did a whole hashtag thing back on .lol--and good luck finding them again--so I'm just going to do another hashtag thread of my interests/topics/etc so likeminded folk can find me.
It also occurred to me that if you combine Jewish with Fedi you get "Jedi" and that could be pretty cool as a hashtag but also confusing.
#ADHD
#JustADHDThings
#neurodivergent
#cPTSD
#PTSD
#trans
#transgender
#nonbinary
#genderqueer
#aroace
#asexual
#aromantic
#WorldOfWarcraft
#StarWars
#StarTrek
#SciFi
#paganism
#polytheism
#witch
#witchcraft
#pagan
#Jewish
#Judaism
#disability
#disabled
#spoonie
#DisabledRights
#TransRights
#LGBTQIA
#SoftwareEngineer
#CSharp
#ReactJS
#AWS
#tech
#technology
#programming
#SoftwareEngineering
#Javascript
#DotNet
#Neopronouns
#fantasy
#RPGs
#dnd
#computers
#WebDevelopment
#WebDev
#ChronicIllness
#Nerd
#Intersectionality
#gods
#mysticism
#spirituality
#neurodiversity
#cats
#catsofmastodon
#kitties
#books
#bibliophiles
#AntiFascist
#Millennial
...
Wow, React Server Components are really the future. This is how I put RSCs inside client components.

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.
I think y'all've forgotten what the developer experience of the web used to be like. #webDev #webDevelopment #JavaScript #reactJS