Innhold om React
Totalt 143 innlegg
Side 9 av 10
Some cool React tips and tricks
After spending some time with React, I've learned a few nice tips and tricks to make your app as composable, declarative and maintainable as possible.
After spending some time with React, I've learned a few nice tips and tricks to make your app as composable, declarative and maintainable as possible.
The definite guide to lifecycle events!
If you've been using React for any period of time, you've probably seen what React calls lifecycle methods. This article will give you a firm grip on when you want to use what.
If you've been using React for any period of time, you've probably seen what React calls lifecycle methods. This article will give you a firm grip on when you want to use what.
Below the surface
React is an amazing tool for many reasons. One of them is that it just works. Ever wondered about how exactly? Let's dive in for a quick look!
React is an amazing tool for many reasons. One of them is that it just works. Ever wondered about how exactly? Let's dive in for a quick look!
Understanding Webpack and Babel
Most apps require some kind of build pipeline to bundle your application into downloadable files. This article will give you a very simple overview over how to get started!
Most apps require some kind of build pipeline to bundle your application into downloadable files. This article will give you a very simple overview over how to get started!
Boost your performance!
You can write some pretty fast and amazing apps with React without thinking twice about performance optimizations. However, there are some pretty cool tricks you can do whenever your app starts to slow down.
You can write some pretty fast and amazing apps with React without thinking twice about performance optimizations. However, there are some pretty cool tricks you can do whenever your app starts to slow down.
A bit about context
Context is one of those features of React you rarely need to use - but understanding what it is and how it works makes you a much better developer!
Context is one of those features of React you rarely need to use - but understanding what it is and how it works makes you a much better developer!
Class property initializers
Although not React specific, this technique has made our React code much simpler and easier to read. Say hello to class property initializers!
Although not React specific, this technique has made our React code much simpler and easier to read. Say hello to class property initializers!
Functional vs class components
In React, there are two types of components - functional and class-based. What's the difference and when should you use each one?
In React, there are two types of components - functional and class-based. What's the difference and when should you use each one?
Documenting your components
If you're writing components that are shared between different teams, or even different developers, documenting your components is a must. And it's crazy simple!
If you're writing components that are shared between different teams, or even different developers, documenting your components is a must. And it's crazy simple!
Check out type checking!
JavaScript is a dynamically typed language. That means you don't have types to help you secure your apps from stupid bugs. Here's a few ways to avoid just that in your React apps!
JavaScript is a dynamically typed language. That means you don't have types to help you secure your apps from stupid bugs. Here's a few ways to avoid just that in your React apps!
An intro to routing in React
Routing is usually one of the hardest parts of any web application. In React, however, they're not really anything different than regular components!
Routing is usually one of the hardest parts of any web application. In React, however, they're not really anything different than regular components!
Split your app into pieces!
With the rise of single page applications, we also got megabyte-sized bundles of JavaScript code to download and compile before we could show anything to the user. THIS ENDS NOW!
With the rise of single page applications, we also got megabyte-sized bundles of JavaScript code to download and compile before we could show anything to the user. THIS ENDS NOW!
Component libraries
If you're in a rush to get something production ready, you might not have the time or resources to create your own component library. Luckily, there are several pre-made ones to choose from!
If you're in a rush to get something production ready, you might not have the time or resources to create your own component library. Luckily, there are several pre-made ones to choose from!
What is this JSX business?
One of the weirdest things to me when I started learning React was this JSX syntax. What is it? Where does it come from? And how can I make really cool stuff with this?
One of the weirdest things to me when I started learning React was this JSX syntax. What is it? Where does it come from? And how can I make really cool stuff with this?
Introducing CSS-in-JS
React did something pretty radical when introducing JSX - suddenly we were blending our logic and structure in the same file. Now, the time has come to include CSS as well!
React did something pretty radical when introducing JSX - suddenly we were blending our logic and structure in the same file. Now, the time has come to include CSS as well!