This Week In React #77: Remix, Sapling, Expo, TypeScript, React-18, ESLint, npm, Jamstack, CSS...
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
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
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
14/ typescript-todo-or-die-plugin by @ngnijland
This TypeScript plugin allows expired TODO comments to fail your build
Nice idea!
I don't like much the idea of extending TS, particularly for syntax
For comments that looks safe enough to give it a try
https://t.co/vMiZUYZeAf https://t.co/qrps8kU2ub
8:49 PM · Jan 18, 2023
Sebastien Lorber 🇫🇷 🦖 ⚛️ 📨@sebastienlorber
15/ tsm by @lukeed05
https://t.co/zXRXjygKrV
Allows running TS code directly in Node.js
Looks like a modern, faster (using esbuild) version of ts-node, and here's a comparison:
https://t.co/SscieyVWys https://t.co/rpbbCj59gD
8:49 PM · Jan 18, 2023