| Register

Default User Icon

advertisement

Tutorials Index

Main Content Image Thumbnail Latest Tutorial

Five Minute React 44 - Optimizing Part 2

We finish up a quick detour into optimization by chopping our Webpack build in half ... again!

Main Content Image Thumbnail

Five Minute React 43 - Optimizing for Production Part 1 | 17th Aug 2017
It's time to start separating out tools and code we need for development from what we need for production.

Read
Main Content Image Thumbnail

Five Minute React 42 - Redux Tools | 15th Aug 2017
We've got actions talking to reducers. Wouldn't it be nice if we had some tools to track that?

Read
Main Content Image Thumbnail

Five Minute React 41 - Redux Actions | 9th Aug 2017
We've got a Store ... now we need some actions in order to manipulate the state data kept there.

Read
Main Content Image Thumbnail

Five Minute React 40 - Setting Up The Store | 2nd Aug 2017
Now that we've got Redux installed, let's create our Store and attach it to our application.

Read
Main Content Image Thumbnail

Five Minute React 39 - A Basic Intro to Redux | 27th Jul 2017
Before we start using Redux to manage app state, let's talk about what it does, and how it does it.

Read
Main Content Image Thumbnail

Five Minute React 38 - Log In and Log Out | 25th Jul 2017
Now that we can register users, let's create and test API endpoints to handle logging in and out.

Read
Main Content Image Thumbnail

Five Minute React 37 - API Endpoint: Registration | 20th Jul 2017
We use Passport to create an API endpoint for registering users, then test it out with Postman.

Read
Main Content Image Thumbnail

Five Minute React 36 - Building a Log In Page | 31st Jul 2017
Let's add a log in page, and pretty it up by creating a custom .scss file to add to our existing build.

Read
Main Content Image Thumbnail

Five Minute React 35 - Classes and State | 13th Jul 2017
A simple header change helps us learn more about React classes and component state

Read
Main Content Image Thumbnail

Five Minute React 34 - Adding Bootstrap | 31st Jul 2017
We learn about pulling CSS into our app via Webpack, and use Bootstrap to pretty things up.

Read
Main Content Image Thumbnail

Five Minute React 33 - DRYing Your Code | 6th Jul 2017
We cut down on code repetition while also creating a shared Sidebar component in React.

Read
Main Content Image Thumbnail

Five Minute React 32 - Fixing Webpack | 12th Jul 2017
Introducing front-end routing inadvertently broke Webpack hot-reloading. Noooooo! Let's get that fixed.

Read
Main Content Image Thumbnail

Five Minute React 31 - React Routing | 4th Jul 2017
Client-side routing allows us to switch between React pages without a reload. Let's get it running.

Read
Main Content Image Thumbnail

Five Minute React 30 - Building Out Components | 4th Jul 2017
We start in on the components we'll need to get pages displaying, and intentionally make a few mistakes along the way.

Read
Main Content Image Thumbnail

Five Minute React 29 - React Folders and Template | 4th Jul 2017
It's time to get rid of our test component and start setting up our source directory for actual React app development.

Read
Main Content Image Thumbnail

Five Minute React 28 - Webpack Hot-Reloading Part 2 | 12th Jul 2017
We make a few final changes to our configuration files, get hot-reloading up and running, and test it out.

Read
Main Content Image Thumbnail

Five Minute React 27 - Webpack Hot-Reloading Part 1 | 4th Jul 2017
Getting hot-reloading up and running in Webpack requires quite a few changes. Let's get started!

Read
Main Content Image Thumbnail

Five Minute React 26 - Using Props In React | 4th Jul 2017
Props are a key part of how React does its thing. Let's get started by showing how they work.

Read
Main Content Image Thumbnail

Five Minute React 25 - Our First React Components | 4th Jul 2017
It's finally time to write some React code. Let's get started!

Read
Main Content Image Thumbnail

Five Minute React 24 - Setting Up Webpack | 31st Jul 2017
We've got Webpack installed, now let's tackle the basics and make it do our bidding!

Read
Main Content Image Thumbnail

Five Minute React 23 - Installing React Necessities | 4th Jul 2017
It's time to get React installed. To do that, we'll also need Babel and Webpack. Let's do it!

Read
Main Content Image Thumbnail

Five Minute React 22 - ESLint From The Command Line | 30th May 2017
We don't have to use Sublime Text to find all of our linting errors. There's a faster, better way.

Read
Main Content Image Thumbnail

Five Minute React 21 - Working With ESLint | 25th May 2017
Now that we're starting to code, we need to make sure our work is consistent in error-free. ESLint will help.

Read
Main Content Image Thumbnail

5 Minute React 20 - Testing an API Endpoint | 23rd May 2017
Now that we have a failing test, let's make it pass by building out a simple API endpoint.

Read
Main Content Image Thumbnail

5 Minute React 19 - Testing With Jest | 23rd May 2017
Now that we have Jest installed, let's write a simple test ... one that's built to fail.

Read
Main Content Image Thumbnail

5 Minute React 18 - Setting Up Testing | 19th Jun 2017
We talk about why JavaScript testing is useful, and get everything we'll need to get started installed.

Read
Main Content Image Thumbnail

5 Minute React 17 - Installing Passport | 11th May 2017
We need authentication, and Passport will help ensure that it's done, and done well.

Read
Main Content Image Thumbnail

5 Minute React 16 - Data Modeling | 9th May 2017
We get started by installing Mongoose, and using it to create a User model.

Read
Main Content Image Thumbnail

5 Minute React 15 - Git Branching | 19th May 2017
As we get ready to start writing code, it's important to talk a bit about branch management in Git.

Read
Main Content Image Thumbnail

5 Minute React 14 - Express Cleanup and API Setup | 2nd May 2017
Converting app.js to ES7, installing Nodemon, and getting our API directory ready.

Read
Main Content Image Thumbnail

5 Minute React 13 - Express Routing | 19th May 2017
If we're going to create an API, we'll need to understand HTTP requests and how Express handles them.

Read
Main Content Image Thumbnail

5 Minute React 12 - Intro to Express Part 2 | 19th May 2017
A look into the subfolders that express-generator installed, and a quick overview of routes and views.

Read
Main Content Image Thumbnail

5 Minute React 11 - Intro to Express Part 1 | 20th Apr 2017
Let's take a quick look at the top-level files installed by Express-Generator and explain what's going on.

Read
Main Content Image Thumbnail

5 Minute React 10 - Installing Express | 18th Apr 2017
Our development environment's set. Let's get our web server up and running.

Read
Main Content Image Thumbnail

5 Minute React 09 - Version Control Part 2 | 13th Apr 2017
Now that git's installed and our repo's set up, let's commit something to it.

Read
Main Content Image Thumbnail

5 Minute React 08 - Version Control Part 1 | 11th Apr 2017
Let's get git installed and set up a repository in GitHub.

Read
Main Content Image Thumbnail

5 Minute React 07 - Using MongoDB | 6th Apr 2017
A quick look at basic data manipulation in the MongoDB console

Read
Main Content Image Thumbnail

5 Minute React 06 - Installing MongoDB | 4th Apr 2017
It's very difficult to store data if you don't have a database installed!

Read
Main Content Image Thumbnail

5 Minute React 05 - Using Node Modules | 3rd Apr 2017
We've added a 3rd party module, so let's write some code to use it!

Read
Main Content Image Thumbnail

5 Minute React 04 - Package Control | 18th Apr 2017
Managing and installing packages with NPM and Yarn

Read
Main Content Image Thumbnail

5 Minute React 03 - Installing Node | 3rd Apr 2017
Complete instructions to get Node up and running on Mac or PC

Read
Main Content Image Thumbnail

5 Minute React 02 - Configuring Sublime Text | 3rd Apr 2017
Make your code easier to read, and find errors in real-time.

Read
Main Content Image Thumbnail

5 Minute React 01 - Installing Sublime Text | 18th Apr 2017
If you're going to write web apps, make sure you have a great development environment

Read
Main Content Image Thumbnail

Creating a Simple RESTful Web App with Node.js, Express, and MongoDB | 18th May 2017
Learn the basics of REST and use them to build an easy, fast, single-page web app.

Read
Main Content Image Thumbnail

The Dead-Simple Step-By-Step Guide for Front-End Developers to Getting Up and Running With Node.JS, Express, and MongoDB | 19th May 2017
Set up the full stack and have a webpage running in 30 minutes. Make it talk to your DB in another 30.

Read
Main Content Image Thumbnail

Understanding JavaScript Callbacks | 20th Apr 2017
Unlocking the Asynchronous Powers of NodeJS

Read