This week in React

πŸ‘‰ Docusaurus 2 Beta
πŸ‘‰ Chose React over Vue
πŸ‘‰ (un)controlled inputs
πŸ‘‰ Eliminate problems
πŸ‘‰ Recoil 0.3
πŸ‘‰ Coinbase -> React Native
πŸ‘‰ Stripe-React-Native
πŸ‘‰ Hermes on iOS
πŸ‘‰ Babel drama
πŸ‘‰ TypeScript 4.3 RC
πŸ‘‰ TS 7 sources of unsoundness
...

🧡 Details πŸ‘‡
We released the @docusaurus v2 beta!
It's easier than ever to create a doc website!

v1 feature parity is here with i18n, and core features are stable enough!

docusaurus.io/blog/2021/05/1…

Check our best documentation websites here:
docusaurus.io/showcase?tags=…
Bill gives good reasons why he prefers React over Vue here:
- TS compatibility, JSX is just JavaScript
- Functional purity

javascript.plainenglish.io/why-i-finally-…
Using Forms in React by @dceddia

Implements a contact form in 2 ways: with controlled and uncontrolled inputs.

Discuss if using uncontrolled inputs is a bad practice/antipattern.
The React doc is not really clear about that.

daveceddia.com/react-forms/
Don't Solve Problems, Eliminate Them

@kentcdodds argues it may be better to rethink a system from first principles with different tradeoffs, rather than trying to find a solution.

Illustrated with Tesla, React context, hooks, Remix.

kentcdodds.com/blog/don-t-sol…
Recoil v0.3 released by @drarmstr

Perf improvements and bugfixes.

Also preparing for the new memory-management system: you have to retain a snapshot to read it async: looks similar to what we had with React event-pooling and event.persist()

recoiljs.org/blog/2021/05/1…
Coinbase successfully migrated to React-Native!

Top store rankings, many improved metrics!

@htormey explains the migration strategy, learning lessons from Airbnb's brownfield case-study.

Next => more cross-platform, sharing more code between web/mobile

blog.coinbase.com/announcing-coi…
Much awaited, @StripeDev published an official library for React-Native!

Implements the new @expo plugin system! It seems compatible with Expo Application Services and the managed workflow without ejecting to Bare!

github.com/stripe/stripe-…
Hermes on iOS, macOS and Windows !

Podcast episode with @grabbou @Huxpro @alloy @callstackio

Didn't listen yet but will definitively!

I really feel Hermes is on the fence to be widely adopted: wide platform support and Proxy/Intl issues being adressed

callstack.com/podcasts/react…
Babel is the JS drama of the week.

The project lacks funding, as donations decreased: babeljs.io/blog/2021/05/1…

Yet Sebastian, its original creator, claims funds were badly allocated to pay someone who did not contribute much to code.

Make your own opinion and read HN
TypeScript 4.3 RC released by @drosenwasser

A few important class features (private fields, override keyword...)
Various little improvements.

devblogs.microsoft.com/typescript/ann…
The Seven Sources of Unsoundness in TypeScript

@danvdk explains simply what unsound means: runtime value diverge from TS type

Gives an interesting and (probably) non-exhaustive list of cases when this happens

effectivetypescript.com/2021/05/06/uns…
Azure Static Web Apps
Official release, announced by @DariaGrigoriu

Allows you to easily deploy frontend / static / Jamstack apps.

Azure already supports serverless functions

Microsoft is a new contender to Netlify/Vercel/Cloudflare...

azure.microsoft.com/fr-fr/blog/dev…
Google Docs plans to replace its HTML view by a canvas, and provides a demo.

This lead to a ton of discussions on HackerNews, and accessibility concerns.

Wonder if they plan to implement Google Docs in Flutter 🧐

workspaceupdates.googleblog.com/2021/05/Google…
Angular v12, announced by @marktechson

View Engine is deprecated and will be removed in v13 (in favor of Ivy)

Also deprecates IE11 support.

Webpack5, TypeScript 4.2 version bumps

blog.angular.io/angular-v12-is…
🎬 THE END!

Follow @sebastienlorber for the next threads!

Going to turn these threads into emails (when I'll have more time).
βœ‰οΈ Pre-subscribe here: tinyletter.com/slorber

❀️ Like this thread 🧡 ?
πŸ™ Please Retweet πŸ™
πŸ‘‡ Follow the link πŸ‘‡

Previous editions?

Keep reading πŸ‘‡

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Sebastien Lorber πŸ‡«πŸ‡·

Sebastien Lorber πŸ‡«πŸ‡· Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @sebastienlorber

3 May
This week in React

πŸ‘‰ Remix v1 beta
πŸ‘‰ Next.js 10.2
πŸ‘‰ Redux 4.1
πŸ‘‰ Babel 7.14
πŸ‘‰ Safari 14.1
πŸ‘‰ Suspense is killing me
πŸ‘‰ Key prop
πŸ‘‰ Advanced Framer Motion
πŸ‘‰ Design system: Stitches & Radix
πŸ‘‰ Airtable Flow ➑️ TS
πŸ‘‰ Inspx
πŸ‘‰ Expo + Next.js
πŸ‘‰ Mighty
...

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
Remix v1 first beta!

The React meta-framework built by @mjackson & @ryanflorence launched as a 1h30 Youtube stream:

The @vercel team is working hard to improve the Next.js DX even more.

10.2 release improves startup time, hot reload, and many other things.

The Webpack 5 rollout has started for simpler Next.js sites and should also improve rebuild times significantly

nextjs.org/blog/next-10-2
Read 20 tweets
12 Apr
This week in React

πŸ‘‰ React-Hook-Form 7
πŸ‘‰ React-UX-Form
πŸ‘‰ Dumi
πŸ‘‰ Figma-To-React
πŸ‘‰ Recoil 0.2
πŸ‘‰ Hermes Intl + OTA
πŸ‘‰ Nextgen buildtools
πŸ‘‰ Bundless
πŸ‘‰ Microsite
πŸ‘‰ Let ➑️ Const
πŸ‘‰ How to test UI
πŸ‘‰ XState Catalogue
πŸ‘‰ Vue 3 ❌ IE11
πŸ‘‰ DevTools ➑️ TS

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
React-Hook-Form v7 was released by @bluebill1049

react-hook-form.com/migrate-v6-to-…

Most exciting thing is probably leveraging TS 4.1 template literal types and being able to type-check the form against field-name typos!
New React-UX-Form library by @zoontek

Also based on a subscription model and per-field validation (like React-Hook-Form), also using an interesting "validation strategy" concept.

Compat with React and React-Native.

github.com/swan-io/react-…
Read 18 tweets
5 Apr
This week in React

πŸ‘‰ React Labs
πŸ‘‰ Next.js 10.1
πŸ‘‰ Dependency Injection
πŸ‘‰ Fastest Text Update
πŸ‘‰ Tuples?
πŸ‘‰ React React Errors
πŸ‘‰ Expo 41
πŸ‘‰ RN Timeline
πŸ‘‰ Web: Flutter vs RN?
πŸ‘‰ TS 4.3 beta
πŸ‘‰ Coolify
πŸ‘‰ Storybook 6.2
πŸ‘‰ Change Array by copy
...

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
React Labs: @abernathyca presented a new official video series of technical deep dives in the React research.


The first video is a Q&A about server components:
Next.js 10.1 by @vercel contains significant improvements to Fast Refresh, install time, images

Webpack5 will roll out progressively

The Next.js team plans to make DX even faster.

More high-level tools get released: Shopify integration, Nextra blog...

nextjs.org/blog/next-10-1
Read 16 tweets
29 Mar
This week in React

πŸ‘‰ Suspense & Concurrent Mode news
πŸ‘‰ React API evol
πŸ‘‰ Piral: React microfrontends
πŸ‘‰ React-Spring 9
πŸ‘‰ Instagram Lite & Bloks
πŸ‘‰ Human-Readable JS
πŸ‘‰ CSS container queries
πŸ‘‰ vanilla-extract
πŸ‘‰ Deno company
πŸ‘‰ SvelteKit
πŸ‘‰ tRPC
πŸ‘‰ ...

🧡🧡🧡 Details πŸ‘‡πŸ‘‡πŸ‘‡
After almost 1 year, @dan_abramov gives fresh news about Suspense and ConcurrentMode.

- We see the light at the end of the tunnel.
- We don't have large "unknown unknowns" anymore.

Work has shifted to ecosystem compatibility & incremental migration path

github.com/facebook/react…
In React API evolution, @alex_frantic shows that React hasn't changed much conceptually.

2013 code can still work today by using a compat layer.

I've adopted React at 0.5.3 πŸ€ͺ didn't know there was React.autoBind, but have used LinkedStateMixin :)

frantic.im/react-api-evol…
Read 15 tweets
15 Mar
This week in React

πŸ‘‰ React "Fizz"
πŸ‘‰ Docusaurus i18n
πŸ‘‰ Relay hooks
πŸ‘‰ Preact Server Components
πŸ‘‰ ReactNative 0.64
πŸ‘‰ Bob
πŸ‘‰ React-Navigation 6
πŸ‘‰ CSS for JS devs
πŸ‘‰ TS Constrained Identity Function
πŸ‘‰ ES 2021, TC39 updates
πŸ‘‰ TS-Pattern 3
πŸ‘‰ SvelteKit
...

🧡🧡🧡 Details πŸ‘‡
🧡 React "Fizz": looks like a new project code for React.

The goal is to support Suspense on the server (SSG + SSR) with streaming support!

@sebmarkbage opened many pull-requests already, one of them set-up some initial architecture and document Fizz.

github.com/facebook/react…
🧡 Docusaurus v2 i18n released!

This time I can present my own work 😜

You can now translate your doc sites easily.
v2.docusaurus.io/blog/2021/03/0…

We already have a few early adopters!
- Jest: jestjs.io/blog/2021/03/0…
- Redwood: learn.redwoodjs.com/fr
- PNPM: pnpm.js.org/zh/
Read 17 tweets
4 Jan
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 πŸ‘‡πŸ‘‡πŸ‘‡
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…
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)

Read 26 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(