Articles

JavaScript books, videos, and interactive courses that get recommended the most by other JavaScript beginners.

3 dev tools that particularly boost my workflow and keep me happy about my work.

No need to write all your components from scratch - bootstrap your app quickly with one of these awesome UX toolkits.

Use a modern JS frontend with any backend. Here's how. Works with anything: Python/Flask, Java/Spring, Ruby/Rails, PHP, you name it.

React apps can be set up in many different ways - here are 3 that I like.

There are a ridiculous number of ways to configure your loaders in Webpack 2.

Concrete examples showing create-react-app in action. Simple enough to aid in React education.

Eight ideas for your first tiny but unique app. Build one of these simple apps to learn React.

Why you should build a tiny, unique app as part of the React learning process.

Overview of the use, bundling, and deployment of static (serverless) sites.

There are multiple ways to specify Webpack loaders. If you haven't seen them all, reading Webpack configs may be confusing.

Is Facebook's create-react-app worth using? How does it compare to other starter projects?

What if you could understand every single piece of your project, from the ground up? It's possible - and starter projects are not the answer.

Decide whether or not to use server-side rendering in your project. There are strengths and drawbacks to consider.

Overwhelmed by all the available npm packages? Downloaded a starter project and it has too many moving pieces? Try a new strategy - one package at a time.

Create a React component in under a second! No more typos!

CSS Modules are super trendy and super useful. Learn how they work, visually, by example

High level overview of all the tools available for styling React components, and how they fit together. Covers PostCSS, Sass, BEM, CSS Modules, Autoprefixer, cssnext, and more.

CSS Modules are super trendy and super useful. Learn how they work, visually, with diagrams and examples.

Is Google crawling your React components? Use the Search Console to check if the Googlebot is rendering your pages as you expect. This is an important check to do if SEO is important to you.

Four good ways to use AJAX with React.

There are many AJAX libraries out there - but fetch is the new standard.

Simple overview of how AJAX and React work together, with links to more details.

The best react tutorial for you can be found in this list.

Thinking about learning React, but not sure what it is or if it will work for your particular project? Here's the actual description of what React is.

Sending data between React components can seem like a pain at first. Here are some simple strategies.

Want to validate the inner properties of an object passed as a prop? I'll tell you how. (hint, DON'T use PropTypes.any or PropTypes.object)

The Webpack docs leave something to be desired when it comes to using Hot Module Replacement.

Picking a JavaScript package manager can seem daunting at first - here are all the options and my recommendation.

If you want to use Webpack's awesome hot module replacement (HMR) feature, there are exactly 3 ways to do it. I'll help you decide which approach makes sense for you.

When using HMR without understanding the basics, it can be difficult to figure out what's wrong when it doesn't work.

Hot Module Replacement, or HMR, is an indispensable tool for increasing development efficiency.

Building an image gallery in react is really easy - build one in 70 lines, with a spinner that hides when the images have loaded.

componentDidMount() tells you when your component is finished rendering - NOT when your images have finished loading. Learn the difference to update state when images load.

Newcomers to React might not find refs to be intuitive, but they are important. Here's why you should never use an ID when you can use a ref.

Including the aws-sdk NPM module in your Webpack project can cause errors. Here's the fix.

Seeing less whitespace in your React component than you would expect? JSX removes some whitespace before outputting HTML.

Wondering how to set up your components to pass events between them? Wonder no more.

Knowing how event bubbling works in React can help you keep a clean separation between components.

Wondering why 'webpack --watch' doesn't work inside your virtual machine? There's a simple solution.