React is an open source library for building interfaces. ReactJS is what allows developers to create declarative UI on the web more easily while React Native lets you leverage your skills for native mobile platforms like iOS and Android.
I've worked with React for many years professionally and it's been a blast. React is the library that's flexible and fun to use. It's been my most relied upon tool in web development in my career due to its large community and ease of integrating with projects. Because of its popularity, React has lead to some other really good frameworks for building whole web apps like Next.js.
If you're looking for a library for building user interfaces on the web that has a large and vibrant community then look no further than React.
The web is a remarkable platform because the core building blocks of the web are resilient but we’re breaking the resilience of the web unwittingly with SPA web frameworks. Why is this important and what can we do about it?
Learn how to use whileInView in Framer Motion for animation in React
A simple interaction where the user can click on an image on the right side and it will expand over to the left, becoming the primary image. This technique could be used as an image gallery or a product chooser for an ecommerce site.
React’s popularity was its ease of use, it didn’t tell you where to put anything but here's one way that might help
Create shared layout transitions with Framer Motion on a Next.js app in a few minutes
Blitz.js is a new framework that's built on Next.js. It's positioned as a Rails-like framework, it's monolithic and easy to use.
Take a look at the upcoming version of Framer Motion and see how you can create compelling animations in React.
Make a custom circle loading animation in React with Framer Motion.
Hero animations and animating between different view states can be done easily with the useCycle react hook in Framer Motion and a bit of time.
Create a bouncing animation in React
Take the first step to animating a react component and recreate a common fade-in animation with framer-motion. A new animation library from Framer which is easy to use and allows you to make animation in react easy.
The Resize Observer API allows you to detect when a particular element changes size and how large it is.
The web is a powerful platform that has more to offer than you might expect. Take advantage of the Fullscreen API to craft unique web experiences.
Take a look at how to use the Page Visibility API with a React hook
Turn a static SVG into something exceptional with React and Pose.
Pose makes animations in React easy. Why not give it a go and breath some life into your app today.
So what are Hooks and why should you take note?
React has great rendering performance yet when it comes to huge amounts of data, like any framework, it can become bogged down. Let's use react-window to improve performance
Code-splitting is now easier than ever thanks to the work the React team has done on Suspense.
I love using React but it can be a weighty framework for smaller projects and that’s why I decided to investigate Preact.
MobX is a state management library which can be used with React much like Redux, its tagline is “Simple, scalable state management” and it definitely delivers on the first promise.
If you are using Redux just to avoid passing props down the tree, the React Context API could replace Redux.