#349 — July 26, 2023 |
|
|
|
React Tweet: Vercel's New Way to Embed Tweets in a React App — Are they even called “tweets” anymore? Nonetheless, Vercel has come up with an elegant way to embed posts from the site formerly known as Twitter that is faster and smaller than the official embed and supports RSCs and ‘any React framework.’ Now we just have to pray that Elon doesn’t turn off the taps. Vercel |
|
𝕏 Dan Abamov is Leaving Meta — Staying on Twitter/X, Dan Abramov shared the news that he is leaving Meta and worked through the logic of why now is the right time to move on. If you can't access Twitter (or don't want to), the TLDR is that React won't be negatively impacted as he doesn't write a lot of React code nowadays, he has finished the key things he wanted to do, and a broader team of community leaders is coming together nicely. Dan is also staying on the React team as an independent third party. Dan Abramov on Twitter |
💼 If you'd like to take the opposite move to Dan, it appears Meta's London office is looking to hire an engineering manager to focus on the React developer experience.. |
How To Build a Web App in 60 Seconds Using AI — Dynaboard's low-code IDE offers 40+ built-in UI components & easy DB connections. Use AI to generate any SQL, JS & CSS. Dynaboard sponsor |
|
Upgrading an Ancient React App — Ancient, in this case, is a seven year old app. This post tells the story of what it took to bring an early React app into the modern ecosystem. Jeffrey Carl Faden |
|
How to Build a GPT-3 App with Next.js, React, and GitHub Copilot — It’s not often that GitHub runs tutorials on its official blog, so it’s interesting to see this one, clearly designed to show off a modern Copilot-oriented development process. Kedasha Kerr (GitHub) |
|
IN BRIEF:
|
|
▶ Typing |
|
Tailwind CSS Tips and Tricks Worth Knowing
|
|
▶ Why Panda: CSS for RSCs is Changing the Game
|
🛠 Code and Tools |
|
|
Ink 4.3: Build Interactive CLI Apps using React — A terminal-based React renderer so you can build command line apps using React-style components. It's mature and used by all sorts of folks. Vadim Demedes |
|
Vaul: A Simple Drawer Component — Just try the demo on the homepage, it’s simple and effective and its creation was actually inspired by this tweet. Emil Kowalski |
|
React Authentication — Without Complexity — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now. Userfront sponsor |
|
🐝 Wasp: A Fresh Way to Build Full Stack React + Node.js Apps — If you’d like to get a bit more structure around building full-stack webapps, Wasp offers a Rails-like framework atop React, Node.js and Prisma. The team is doing lots of interesting stuff, as demonstrated by their very active blog, including building a GPT-powered code agent to generate full-stack webapps using the framework. wasp-lang Team |
|
React Arborist 3.2: A 'Tree View' Component — A robust, fully-featured tree component (arbor is Latin for tree). There are a couple of demos if you want to see it in action. Brim Data |
|
|
|
visx 3.3: Airbnb's D3-Based Visualization Primitives for React — An unopinionated but nonetheless React-y way to create visualizations. Bring your own state management, animation library, or CSS-in-JS solution – visx is designed to slot into pretty much any React codebase. Demos aplenty. v3.3 introduces a Delaunay triangulation visualization. Airbnb |
|
Spectacle 10: A React and JSX-Based Presentation Library — Got a presentation coming up? Build your decks with JSX, perhaps? GitHub repo. Formidable |
|