This week in React (actually 2 weeks π€ͺ)
π Special React-Server-Components
π Inside React core team
π Expo Go
π Ignite v6
π ReactNative @ Wix
π Volta v1
π xstyled v2
π Moiva
π Mythical βfastβ web page
π Typo tolerance
π§΅π§΅π§΅ Details πππ
π Special React-Server-Components
π Inside React core team
π Expo Go
π Ignite v6
π ReactNative @ Wix
π Volta v1
π xstyled v2
π Moiva
π Mythical βfastβ web page
π Typo tolerance
π§΅π§΅π§΅ Details πππ
The @reactjs core team published the state of their R&D about React Server Components, allowing to run some components on the server, and reduce the overhead of shipping some client-side code.
There's a video and a RFC here:
reactjs.org/blog/2020/12/2β¦
There's a video and a RFC here:
reactjs.org/blog/2020/12/2β¦
This is an illustration of what could be possible in the future.
Don't worry, React is not becoming like PHP, and it's not because you can that you should.
(In the same way, you could implement a React app in a single very fat component)
Don't worry, React is not becoming like PHP, and it's not because you can that you should.
(In the same way, you could implement a React app in a single very fat component)
https://twitter.com/dan_abramov/status/1341217154566402050
The annotated guide to React Server Components by @swyx is interesting if you prefer a post instead of the video.
It also gives additional context on how we got there
swyx.io/react-server-cβ¦
It also gives additional context on how we got there
swyx.io/react-server-cβ¦
The post of @addyosmani is a good summary of what's interesting in server components:
addyosmani.com/blog/react-serβ¦
addyosmani.com/blog/react-serβ¦
With server components, we now need a... server.
Hopefully, serverless solutions are becoming better and better.
So, scaling servers might not be a problem (unless you self-host?)
Hopefully, serverless solutions are becoming better and better.
So, scaling servers might not be a problem (unless you self-host?)
https://twitter.com/posva/status/1341439747500195842?s=19
Next.js @vercel will definitively support server components.
This makes total sense for Next.js to be able to seamlessly move code from client to server, from SSR to SSG...
This makes total sense for Next.js to be able to seamlessly move code from client to server, from SSR to SSG...
https://twitter.com/vercel/status/1344752456140349440c
The demo is less impressive, but @Netlify serverless env can also run React Server Components.
https://twitter.com/biilmann/status/1341921676947177472
People found similarities between Phoenix LiveView and React-Server-Components.
At the same time, Ruby on Rails creator @dhh released hotwire.dev
It seems like we have a trend here
At the same time, Ruby on Rails creator @dhh released hotwire.dev
It seems like we have a trend here
React Server Components vs. Hotwire vs. Phoenix LiveView
This podcast episode with @jaredpalmer and @ken_wheeler looks very interesting (didn't listen yet, but definitively will soon)
This podcast episode with @jaredpalmer and @ken_wheeler looks very interesting (didn't listen yet, but definitively will soon)
https://twitter.com/TheUndefinedIO/status/1342132203099049984
Inside the React Core team by @rachelnabors
A "behind the scene", intimate post about our favorite core team
react.christmas/2020/24
A "behind the scene", intimate post about our favorite core team
react.christmas/2020/24
Last major version of Flux (v4), released by @yangshunz
There are better alternatives now, like Redux, but pretty sure some codebases are still using it π€ͺ
React >= 17 allow mixing different React versions, could be useful for incremental migrations
github.com/facebook/flux/β¦
There are better alternatives now, like Redux, but pretty sure some codebases are still using it π€ͺ
React >= 17 allow mixing different React versions, could be useful for incremental migrations
github.com/facebook/flux/β¦
xstyled v2 has been released by @neoziro , built on top of sc/emotion.
An interesting alternative to Tailwind, if you prefer using props instead of concat classNames.
Reminds me theme-ui and glamorous
xstyled.dev
An interesting alternative to Tailwind, if you prefer using props instead of concat classNames.
Reminds me theme-ui and glamorous
xstyled.dev
About ReactNative, @expo now supports creating organizations.
Long-awaited feature for freelancers working with multiple customers :)
blog.expo.io/expo-organizatβ¦
Long-awaited feature for freelancers working with multiple customers :)
blog.expo.io/expo-organizatβ¦
The ReactNative boilerplate Ignite v6 has been released by @infinite_red
It looks slimmer and simpler than before.
Also ships by default with @expo unimodules!
Even if you don't use Expo managed workflow!
shift.infinite.red/introducing-igβ¦
It looks slimmer and simpler than before.
Also ships by default with @expo unimodules!
Even if you don't use Expo managed workflow!
shift.infinite.red/introducing-igβ¦
The @expo client has been renamed "Expo Go" to avoid confusion when communicating.
Makes sense: makes sense, as in the future, any RN project will be able to use an Expo-like DX, by building a custom Expo client.
blog.expo.io/expo-go-a-new-β¦
Makes sense: makes sense, as in the future, any RN project will be able to use an Expo-like DX, by building a custom Expo client.
blog.expo.io/expo-go-a-new-β¦
ReactNative @ Wix, part 3, by @omribruchim
Deep dive on the modular architecture based on Wix engine, allowing 100+ devs to collaborate
medium.com/wix-engineerinβ¦
Deep dive on the modular architecture based on Wix engine, allowing 100+ devs to collaborate
medium.com/wix-engineerinβ¦
ReactNative @ Wix, part 4, by @GcCarmeli
Benefits and challenges of open-sourcing things by default.
Include various examples of libs maintained by Wix (and they have a lot of them)
medium.com/wix-engineerinβ¦
Benefits and challenges of open-sourcing things by default.
Include various examples of libs maintained by Wix (and they have a lot of them)
medium.com/wix-engineerinβ¦
I like interactive articles (please send me yours)
This one from @tomekdev_ about client-side search algo and typo tolerance is pretty cool.
tomekdev.com/posts/search-wβ¦
This one from @tomekdev_ about client-side search algo and typo tolerance is pretty cool.
tomekdev.com/posts/search-wβ¦
To manage your NodeJS versions, @usevolta was just released in v1.0
It is a nice alternative to NVM, which apparently is much faster according to many feedbacks.
blog.volta.sh/2020/12/21/annβ¦
It is a nice alternative to NVM, which apparently is much faster according to many feedbacks.
blog.volta.sh/2020/12/21/annβ¦
The mythical βfastβ web page
calendar.perfplanet.com/2020/the-mythiβ¦
@rick_viscomi explains: "Itβs not that the page is fastβthe experience is fast."
Give interesting insights about lab vs field performance tools.
Note: @vercel recently announced Vercel Analytics (field tool category)
calendar.perfplanet.com/2020/the-mythiβ¦
@rick_viscomi explains: "Itβs not that the page is fastβthe experience is fast."
Give interesting insights about lab vs field performance tools.
Note: @vercel recently announced Vercel Analytics (field tool category)
THE END!
π Don't forget to RT, it keeps me motivated π
Previous editions here:
π Don't forget to RT, it keeps me motivated π
Previous editions here:
https://twitter.com/sebastienlorber/status/1340984209201111041
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
