This week in React
π React 2025
π Next for Vercel
π Vercel Virtual-Event-Starter-Kit
π Cloudflare Pages
π Meli
π Expo Application Services
π RN SwiftUI renderer
π React pragma
π Framer Motion
π React-Query 3
π RadixUI
π Modular
π EStimator
...
π§΅π§΅π§΅ Details πππ
π React 2025
π Next for Vercel
π Vercel Virtual-Event-Starter-Kit
π Cloudflare Pages
π Meli
π Expo Application Services
π RN SwiftUI renderer
π React pragma
π Framer Motion
π React-Query 3
π RadixUI
π Modular
π EStimator
...
π§΅π§΅π§΅ Details πππ
React 2025 is a free course created by @leeerob
You'll build a real SaaS app, using a modern tech stack using Next.js, Firestore, Chakra, SWR, MDX, Stripe...
This looks interesting and different from other courses available.
react2025.com
You'll build a real SaaS app, using a modern tech stack using Next.js, Firestore, Chakra, SWR, MDX, Stripe...
This looks interesting and different from other courses available.
react2025.com
After Vercel 40m$ series B announcement, @rauchg tells us what's Next for Vercel, and the future looks bright.
Core Web Vitals will likely become a very important indicator in May 2021 for SEO, and Vercel will give us the tools to do the right things
rauchg.com/2020/next-for-β¦
Core Web Vitals will likely become a very important indicator in May 2021 for SEO, and Vercel will give us the tools to do the right things
rauchg.com/2020/next-for-β¦
Again, @vercel published the tech stack behind the Next.js conf, with almost 40k live attendees.
Obviously, it's based on Vercel/Next.js π
github.com/vercel/virtualβ¦
Obviously, it's based on Vercel/Next.js π
github.com/vercel/virtualβ¦
But there's a new serious contender in the Jamstack space.
@CloudflareDev revealing their Jamstack offering: Cloudflare Pages
blog.cloudflare.com/cloudflare-pagβ¦
Cloudflare has an impressive CDN, and an interesting serverless offering, with unique features like Workers Durable Objects.
@CloudflareDev revealing their Jamstack offering: Cloudflare Pages
blog.cloudflare.com/cloudflare-pagβ¦
Cloudflare has an impressive CDN, and an interesting serverless offering, with unique features like Workers Durable Objects.
But not everyone can deploy Jamstack using a SaaS.
For political/governance/security reasons you might need to deploy on-premise.
@getmeli from @gempain is an open-source platform to deploy static websites that you can self-host!
github.com/getmeli/meli
For political/governance/security reasons you might need to deploy on-premise.
@getmeli from @gempain is an open-source platform to deploy static websites that you can self-host!
github.com/getmeli/meli
The new @expo Application Services allows building/deploying any ReactNative app in the cloud!
Even if they don't use Expo!
Expo really wants to let you build any ReactNative app, while keeping the extraordinary developer experience of the Expo client.
blog.expo.io/expo-applicatiβ¦
Even if they don't use Expo!
Expo really wants to let you build any ReactNative app, while keeping the extraordinary developer experience of the Expo client.
blog.expo.io/expo-applicatiβ¦
Interesting feedback of ReactNative usage at @flipkart_tech by @naqvitalha
Code sharing results, React-Native-Web usage, OTA benefits...
tech.flipkart.com/the-journey-ofβ¦
Code sharing results, React-Native-Web usage, OTA benefits...
tech.flipkart.com/the-journey-ofβ¦
At @swmansion , @tsapeta is doing some interesting R&D that might be the future of ReactNative on iOS.
As SwiftUI progressively becomes the first-class UI framework on iOS, it's time to explore how to use it instead of UIKit in ReactNative renderer.
blog.swmansion.com/swiftui-renderβ¦
As SwiftUI progressively becomes the first-class UI framework on iOS, it's time to explore how to use it instead of UIKit in ReactNative renderer.
blog.swmansion.com/swiftui-renderβ¦
Never heard of JSX pragmas?
This post from @souporserious will help you understand how they are used in CSS-in-JS frameworks for theming (often using the css/sx props)
souporserious.com/reading-contexβ¦
This post from @souporserious will help you understand how they are used in CSS-in-JS frameworks for theming (often using the css/sx props)
souporserious.com/reading-contexβ¦
I really like interactive articles using MDX.
This one from @MaximeHeckel will teach you about Framer Motion, including various demos, from interpolation to staggering.
blog.maximeheckel.com/posts/guide-anβ¦
This one from @MaximeHeckel will teach you about Framer Motion, including various demos, from interpolation to staggering.
blog.maximeheckel.com/posts/guide-anβ¦
React-Query v3 has been released by @tannerlinsley
Some new features:
- Selector system
- useQueries
- Retry/offline mutations
...
react-query.tanstack.com/guides/migratiβ¦
Some new features:
- Selector system
- useQueries
- Retry/offline mutations
...
react-query.tanstack.com/guides/migratiβ¦
The @Modulz team released RadixUI, a set of accessible low-level React primitives that might help you create your own design system.
You have to provide the styles.
The goal seems quite similar to other solutions like React-Aria, Reakit.
radix-ui.com/primitives/docβ¦
You have to provide the styles.
The goal seems quite similar to other solutions like React-Aria, Reakit.
radix-ui.com/primitives/docβ¦
JP Morgan released Modular, a new opiniated dev tools @threepointone is working on.
This could help you scale your frontend development across multiple teams, using a monorepo, Yarn Workspace, TS, CRA, and more soon.
github.com/jpmorganchase/β¦
This could help you scale your frontend development across multiple teams, using a monorepo, Yarn Workspace, TS, CRA, and more soon.
github.com/jpmorganchase/β¦
Google devs @hdjirdeh and @_developit introduced EStimator.
A tool that can help you estimate the benefits of shipping JS in a modern ES2017 syntax.
Also present technical ways to do it, with some Webpack/Rollup configuration examples.
web.dev/publish-modernβ¦
A tool that can help you estimate the benefits of shipping JS in a modern ES2017 syntax.
Also present technical ways to do it, with some Webpack/Rollup configuration examples.
web.dev/publish-modernβ¦
For some use-cases, you can load JS conditionally.
@umaar tells us when it's appropriate, and how to do so, using browser APIs (not always widely supported) to check the connexion, CPU, battery, memory available.
umaar.com/dev-tips/242-cβ¦
@umaar tells us when it's appropriate, and how to do so, using browser APIs (not always widely supported) to check the connexion, CPU, battery, memory available.
umaar.com/dev-tips/242-cβ¦
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/1338446412049223689
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
