Best of React — June 2021
- 1
- 2
JavaScript in Plain English·5y
Everything New in React 18
React 18 Alpha is here and includes many new features and improvements. The new root API allows you to use all of the react 18 improvements including concurrent features. Suspense lets you suspend something until it’s ready to be rendered. The startTransition API helps in keeping the current webpage responsive and being able to do heavy non-blocking UI updates.
- 3
freeCodeCamp·5y
Learn Next.js and Make React Development Simpler
Learn Next.js and Make React Development Simpler with our React Development guide. Visit Nextjs.com to learn more about React development. For more information on Nextjs, visit the Nextjs website. For information on React Development, visit React Development.com. for more information about the React development guide, click here.
- 4
Product Hunt·5y
Nice avatar — React component for generating avatars
react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people with reading comprehension and vocabulary. Share this avatar with your social media accounts. Send it to your friends by sending a message to their accounts.
- 5
React·5y
The Plan for React 18 – React Blog
React 18 will be our next major version. We’ve published a React 18 Alpha so that library authors can try it and provide feedback. React 18 will include out-of-the-box improvements, new APIs, and a new streaming server renderer with built-in support for React.
- 6
gitconnected·5y
Secret JavaScript tricks to compete with your fellow super fast senior dev’s debugging speed
Secret JavaScript tricks to compete with your fellow super fast senior dev’s debugging speed. Using the Debugger Instead of Logging it Every Time. Logging an Array using console table and sorting the values. Live Expressions in Chrome Dev tool to value your JavaScript expressions real time.
- 7
Build Better React Apps with These Simple Tricks
Reed Barger is the co-founder and CEO of React Native, a company that develops React-based apps. Barger's company is known for its React apps, including the popular React.io and ReactConf. He wrote a book about React called React Native: The Book of React Apps.
- 8
- 9
- 10
Elementz - A beautiful React UI library for easy modern development
Embed Collect is a free, open source, free and open source collection app. It's easy to use with an innovative API, has beautiful modern components, includes a Theme Maker tool which you can customize the components style easily. Anything that you need in a UI library and more.
- 11
Medium·5y
10+ Useful React UI Libraries For Your Project
React is a popular JavaScript library for building User Interfaces. Here are over 10 popular React libraries you might want to consider using for your project. 10+ Useful React UI Libraries For Your Project Nill Webdev Jun 18·3 min read React: 10+ useful React UI libraries for Your Project.
- 12
- 13
What You Need to Know About React 18
The Facebook team has published the plan for React-18. There are many exciting features that are provided out of the box. Batching is when React groups multiple state updates into a single re-render for better performance. SSR support for Suspense is an extension of Server Side Rendering (SSR) logic.
- 14
CSS-Tricks·5y
Code blocks, but better
I've been exploring ways to improve the user experience of code blocks. In this post, I'll share with you how I built a custom code block component. This is not a tutorial, but I hope you can discover something new. I'll be using the code block of my own website as the demo.
- 15
Bits and Pieces·5y
Better Micro Frontends and Design Systems with Independent Components
Independent components are components and modules that are developed and versioned independently and shared across remote ‘scopes’ Independent components are all part of a single virtual monorepo. An update made to one component will propagate to all its dependents using a CI for components. That makes collaboration, in-and-across projects, simple and safe.
- 16
daily.dev·5y
Tailwind CSS from Zero to Hero - Extracting Components and Setting up for Production
This is the fourth and probably the final piece in the Tailwind Zero to Hero series. This time we will be using some really useful concepts like using components, and getting our entire “Plant-a-holic” project ready for production. The concept is similar to what you might have used in frontend libraries or frameworks like React or Angular.
- 17
- 18
Hashnode·5y
What is Vite + React!
Vite (French word for "fast", pronounced /vit/) is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: a dev server that provides rich feature enhancements over native ES modules and a build command that bundles your code with Rollup. We will use Vite to create a React application as we will see below.
- 19
How to Design Your Own Learning Plan for Any Tech Stack
Ken Rogers: How to Design Your Own Learning Plan for Any Tech Stack. How to design your own learning plan for any Tech Stack is the subject of this week's episode of The Next Generation. Watch the next episode on Thursday, September 14 at 10 p.m. ET on CNN.
- 20
4 Common React Mistakes You Might Be Making – And How to Fix Them
Reed Barger is the co-founder and CEO of React, a company that lets users react to the Web. Barger: "We're trying to make the world a better place. We want to make a better world for all of our users. We don't want to have to live in a world where we have to rely on other people's opinions."
- 21
Create a React App without create-react-app ❓ 😟 (Using parcel)
We all know how to create a react app using create-react -app. But there will be some times where we don’t need to use that. So today we will see how tocreate a React app without using that. This will work as a normal react application but lesser weight (because of managed node modules)
- 22
How to Build a Portfolio Website with React
How to Build a Portfolio Website with React. React is a React-based CMS that lets you build a website from scratch. Use React to build your own website and social media accounts. Read more about React here: http://www.reactor.com/blog/how-to-build-a-portfolio-site-with-react-react.
- 23
Fundamentals of React Hooks in 7 minutes
React Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. Fundamentals of React Hooks in 7 minutes Bytecode Pandit explains how to use them in your app. How to use Hooks: Basic, Additional and Custom Hooks.
- 24
- 25
React 18, Next.js 11, DDD, face-api - Picks 185
Next.js 11 was announced last week in the Next.js Conf. The new version is packed with some brilliant features. Learn how to detect faces in your web application using nothing but JavaScript. Use the browser's bookmarks to execute common JavaScript snippets on the current web page. 10+ Useful React UI Libraries For Your Project.
