#391 — July 3, 2024 |
|
|
|
Enhancing The New York Times' Web Performance with React 18 — Late last year, the team at The New York Times set out to take full advantage of React 18 on its flagship news site. This is an interesting case study looking at the challenges faced in upgrading and the significant benefits they managed to take advantage of. Ilya Gurevich (NYT) |
|
The React Native Team Says 'Use a Framework' — Using frameworks, such as Expo, is now the recommended approach when creating new React Native apps. As Nicola explains: “you’re either using a framework or you’re building your own framework.” Nicola Corti (Meta) |
Tests Are Dead. Meticulous Is Here — Meticulous is a tool which automatically creates and maintains a continuously evolving e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Backed by YC, CTO of GitHub and others. Meticulous sponsor |
|
▶ Big Suspense Changes in React 19: Explained in Code — Two weeks ago, we featured a story about changes to Suspense in React 19. If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. Jack Herrington |
|
Preparing for React 19: A Guide for WordPress 6.6 Users — React is used more heavily in WordPress extensions than you might think, and React 19 introduces changes that extension and theme developers need to be prepared for. Joel Olawanle |
|
📄 5 Misconceptions about React Server Components Vishwas Gopinath 📺 React 19's 📄 A Pragmatic Guide to Adding React to an Existing Ruby on Rails App Steve Polito 📄 Extra Arguments for Server Actions in React Forms Robin Wieruch |
🛠 Code, Tools & Libraries |
|
|
React Ace 12.0: Use the Ace Editor in React Apps — Ace is a long standing code-focused editor control for the Web. GitHub repo. James Hrisho |
|
LetsForm: Create React Forms from Simple JSON — The form elements are rendered using Material UI, React Bootstrap, Ant Design, etc. Includes various templates you can try out, which you can also edit visually using the online designer. guido bellomo |
|
|
H5Web 12.0: Components for Data Visualization and Exploration — Initially built for the HDF5 data format used for high-performance computing, these components have since been adapted so they can be applied to data from any source. Silx Project |
|
Alveron: Elm-Inspired State Management for React — Supports async effects by default and built on top of Robin Weser |
|
GLTFJSX: Turn glTF 3D Models into JSX Components — glTF is a standard format for storing 3D scenes/models. This tool helps bring them into React-three-fiber apps. Poimandres |
|
SaaS Boilerplate 3.0: Opinionated Full Stack Boilerplate — If you like your server side to be JavaScript flavored, look away because while this is all React in the front end, it’s Python and Django behind the scenes. Apptension |
|