A visual guide to React mental models, Atomic CSS-in-JS, 5 lesser-known React libraries to check out
We've all heard the term "mental models" enough to make us feel slightly ill. But in this article, Obed Parlapiano uses helpful visuals and code examples to explain exactly what a mental model is and how we can develop better ones for React.
In this post you'll learn what atomic CSS is, how it relates to functional / utility-first CSS like TailwindCSS, and why big players are adopting it in their modern React codebases.
You probably already know all of React's most popular UI libraries (Material UI, React Bootstrap, etc). In the article, Tomek highlights 5 smaller, lesser-known libraries and explains a few helpful use cases for each.
Yes, this is another to-do list app tutorial. But if you've never built a TypeScript React app before, it will help you make an apples-to-apples comparison with other frameworks in which you've also written the same app. Nick Scialli does a great job walking through each step and also created a 3-part video series to go along with this tutorial.
This step-by-step tutorial walks through how to create a generic form component that can be used whenever you need to deal with forms.
Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.
These in-depth, open-source cheat sheets are a great resource for experienced React developers getting started with TypeScript
Rails-like framework for monolithic, full-stack React apps — built on Next.js
This 11-minute "mini-documentary" tells the story of Max creating react-boilerplate after dropping out of university (twice). It's a well-made video and will definitely give you some added motivation to contribute more to open source and to maybe work a little harder on that project you've been putting off.
This video is part 1 of a tutorial series in setting up a project template for working with user authentication in the MERN stack. You'll learn to register user accounts to a MongoDB database, log in users on the React frontend, and verify logged in users. You'll use React hooks and the context API to deal with the state management of the user authentication in the frontend.