
Kristofer Giltvedt Selbekk
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!
Add error boundaries to your app!
React 16 brought us a way to handle errors in a neat, declarative way
React 16 brought us a way to handle errors in a neat, declarative way
Share logic between components!
Sharing code between components can be made much more declarative and reusable than utility functions
Sharing code between components can be made much more declarative and reusable than utility functions
Fragments, finally!
Fragments lets you return several root nodes from your components. Finally we can skip those pesky container divs!
Fragments lets you return several root nodes from your components. Finally we can skip those pesky container divs!
Write quality code
Writing great, readable, accessible and well-formatted code used to take years to learn. Now there are tools to help you get there faster!
Writing great, readable, accessible and well-formatted code used to take years to learn. Now there are tools to help you get there faster!
The mysteries of setState
Although we hear a lot about MobX, Redux and other tools for handling state, React ships with its very own.
Although we hear a lot about MobX, Redux and other tools for handling state, React ships with its very own.
Structuring your application
Structuring your React app is incredibly important for making your project maintainable and easy to navigate. What is the best way to do it?
Structuring your React app is incredibly important for making your project maintainable and easy to navigate. What is the best way to do it?
Testing your code
Avoiding bugs in your code is important for the end user experience. Choosing the right way to test your code is paramount!
Avoiding bugs in your code is important for the end user experience. Choosing the right way to test your code is paramount!
Get started with create-react-app
Creating your first React app usually starts off with a 30 minute crash course with Webpack, Babel and a whole lot of stuff not remotely related to React. That all changed with create-react-app.
Creating your first React app usually starts off with a 30 minute crash course with Webpack, Babel and a whole lot of stuff not remotely related to React. That all changed with create-react-app.