April 06 - Top 3 React articles
Here are your curated resources for the week.
1. vanilla-extract: Zero-runtime Stylesheets-in-TypeScript by Matt Jones and Mark Dalgleish
Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time.
2. React State Management Libraries and How to Choose by Dave Ceddia
In this post I’ll give you the Grand Tour of state management options in React and help you decide which one to use in your project — Dave
Dave's not kidding when he says Grand Tour, this post talks about useState, useReducer, Context, Redux, MobX, MobX State Tree, Recoil, react-query, xState.
3. How To Improve Rendering Performance in a 1,000-Item React List by Mohammad Faisal
Rendering a really long list of React components can make your application really slow. We can improve the performance by only "virtualizing" the list and smartly rendering what's visible on screen.
4. Learn how to build Interactive React applications
They say "90% of web applications are forms and tables". This course is about the next 10%. Learn how to build interactive applications that utilize UX patterns like drag & drop, animations and keyboard navigation. You can sign up and receive a free framer-motion mini-course ;)
Want to share this newsletter with a friend? Use this link. Promote your post to 3040 React developers.