#397 — August 28, 2024 |
|
|
|
Material UI v6: The Popular React UI Design/Component System — At almost exactly ten years old, the MUI design system has its latest major release. The enhancements are more evolutionary than revolutionary though, with a focus on improved theming, color scheme management, container query support, and React 19 support. There are also some revamped templates to help you get started. García, Bittu, Andai, et al. |
💡 If you're on MUI v5, there's a handy guide for upgrading to v6 which the team suggests "shouldn't be too bad" to do. |
|
Implementing a React-a-Like from Scratch — While it's unlikely you'll actually want to do this, at least thinking about it can prove instructive as to what’s going on in React’s engine room. Robby Pruzan |
Front-End System Design — Learn to create scalable, efficient user interfaces in this extensive video course by Evgennii Ray. Explore the box model, browser rendering, DOM manipulation, state management, performance and much more. Frontend Masters sponsor |
|
The Interface Segregation Principle in React — Alex looks at one of the famed SOLID object orientation principles and how it can apply to React. Alex Kondov |
|
▶ 21 Talks from Chain React 2024 — Chain React was a React Native conference that took place last month in Portland, Oregon. Catch up with what went on in this playlist, including building React Native apps for TVs, how to optimize React Native performance, or Jack Herrington showing off how to build a local-first semantic search system inside a React Native app. Chain React 2024 |
|
How to Build a Bluetooth Low Energy-Powered Expo App — Bluetooth Low Energy is aimed at use cases like healthcare, fitness, beacons, security and home entertainment. Here’s one way to get started. Daniel Friyia (Expo Blog) |
|
▶ Simplified React Web-to-Native Migration with 'use dom' — Web-to-native migration can seemingly never be made simple enough, which is where Expo’s new, experimental James Shopland (Jolly Coding) |
|
📄 Type-Safe Routing with React Router – However, TanStack Router may be a better fit if you want to do this. Sahaj Jain 📺 A Secret React Native Hack for React Web Devs Jack Herrington |
|
🛠 Code, Tools & Libraries |
|
|
Code Hike 1.0: Turn Markdown into Rich Interactive Experiences — Aimed at use cases like code walkthroughs and interactive docs, Code Hike bridges the gap between Markdown and React when creating technical content that takes full advantage of the modern web. Rodrigo Pombo |
|
React Cosmos v6.2: A Sandbox for Developing and Testing UI Components — Built upon a project first showcased at ReactEurope 2015, Cosmos is a long standing and ‘slowly matured’ tool for prototyping React components in an isolated manner. Ovidiu Cherecheș et al. |
|
Snaptail: One File React Apps — If you’re still feeling a little overwhelmed by React, here’s how to build an app by manipulating just one file. Sandro Rybarik |
|
uikit 0.5: Build 3D UIs in React-Three-Fiber Apps — Ideal for games, XR (VR/AR), and web-based spatial-style apps. GitHub repo. Bela Bohlender |
|
🕒 Time Picker: A |
|
|
|