This Week In React #77: Remix, Sapling, Expo, TypeScript, React-18, ESLint, npm, Jamstack, CSS...
substack.thisweekinreact.com
This Week In React #77: Remix, Sapling, Expo, TypeScript, React-18, ESLint, npm, Jamstack, CSS...
0/ This week in React
👉 Remix: funding, open-source
👉 Sapling React IDE extension
👉 React-18: lib upgrade guides
👉 Expo: SDK 43, new module infra, myths, demos
👉 TypeScript: Wix, generics, skeletons, todo-or-die, tsm
👉 Partytown sync communication
👉 ...
🧵 Details 👇 https://t.co/8G6Adhx064
1/ The @remix_run React meta-framework team announced a $3M VC funding
Will finally be free & open-sourced as MIT!
- v1 incoming
- Bet on web fundamental principles
- Progressive enhancement: hydration can be optional
- No serverless cloud lock-in
https://t.co/acG1Z7M8s7
2/ @kentcdodds wrote about all the technical details behind his new website, which is likely the largest @remix_run deployment
Very long, hard to TLDR.
It's worth taking a look at to see what a modern tech stack looks like.
https://t.co/4CrJm1ehdW https://t.co/8ucmYn8ucB
3/ @TeamSapling rethinks how we navigate across IDE files
🛑 FS tree navigation
✅ Statically analyze your React app and create a React navigation tree
(looks a bit like DevTools)
Works for VSCode + React
Later: support other IDEs and frameworks
https://t.co/fbvJ8eGoru https://t.co/l4D8ZjKjyc
4/ @sebmarkbage created several React-18 Library Upgrade Guide entries
<head> is at the beginning of HTML: it complicates things for SSR streaming API integration
Lib/fwk authors need upgrade for use-cases: <head>, css-in-js, <link stylesheet>...
https://t.co/pgmeYnZNtR https://t.co/EOVgwDj3wZ
5/ React & TypeScript: use generics to improve your types by @PierreOuannes
Good intro to generics
Analysis of the useState TS signature
Ends with a generic <Select> comp working with string or number
https://t.co/vsF9g7Qpae https://t.co/zncyoA2B99
8/ @notbrent introduced the new @expo SDK 43
In beta ~1 week
Experimental: Hermes on iOS! (including Expo OTA updates)
React 17
React-Native to 0.64 (with Hermes supporting proxies 😜)
🤔 Almost wonder what stops Hermes from becoming the default now
https://t.co/ICc0lfLbFr
12/ 8 Tips for Converting That Big Project to TypeScript
@WixEng is incrementally migrating a 2018 JS project to TS, and @matanharsatshared feedbacks
Some unusual but interesting tips:
- prioritizing
- teach teammates to read TS errors 😆
https://t.co/27DoajpPAD
