| Register

Default User Icon

All Posts Tagged React.js

Main Content Image Thumbnail

Five Minute React 77 - Improving The Home Page | 22nd Jan 2018
We wrap up principal coding on our React app by improving the home page and cleaning up some code.

Read
Main Content Image Thumbnail

Five Minute React 76 - Upgrade Node and React | 22nd Jan 2018
We take a quick break from coding to get up to date with Node 8.9.1 and React 16.

Read
Main Content Image Thumbnail

Five Minute React 75 - Wire Up Remove Buttons | 22nd Jan 2018
We have these fabulous "remove from my list" buttons ... let's make them do something!

Read
Main Content Image Thumbnail

Five Minute React 74 - Improving Music Lists | 22nd Jan 2018
We have a basic listing page. Let's make it look good, and add some buttons for management.

Read
Main Content Image Thumbnail

Five Minute React 73 - View a User's List | 22nd Jan 2018
Let's get ambitious and put together all of the API code, actions, reducers, and components for list viewing.

Read
Main Content Image Thumbnail

Five Minute React 72 - Search and Add Artists | 22nd Jan 2018
Let's put together the front-end and back-end for both searching and adding artists to user's profiles!

Read
Main Content Image Thumbnail

Five Minute React 70 - Add Album Back-End | 22nd Jan 2018
It sure would be nice if clicking the "add album" button did something. Let's make that a reality!

Read
Main Content Image Thumbnail

Five Minute React 69 - Add Album Front-End | 22nd Jan 2018
Now that we're listing albums, let's get started allowing them to add albums to their profiles!

Read
Main Content Image Thumbnail

Five Minute React 68 - Search Albums | 22nd Jan 2018
An API endpoint, actions, reducers, and a page for searching albums ... all in one tutorial!

Read
Main Content Image Thumbnail

Five Minute React 66 - Save Password Part 3 | 22nd Jan 2018
We finish up saving passwords by giving the user some notice that, well, something happened!

Read
Main Content Image Thumbnail

Five Minute React 65 - Save Password Part 2 | 22nd Jan 2018
Now that we have a form for users to change their passwords, let's wire it up with actions and reducers.

Read
Main Content Image Thumbnail

Five Minute React 64.5 - Fix The Production Build | 31st Jan 2018
Here's an additional mini-tutorial that fixes a Webpack issue.

Read
Main Content Image Thumbnail

Five Minute React 64 - Save Password Part 1 | 22nd Jan 2018
We need a form so our users can input a new password. Let's build one!

Read
Main Content Image Thumbnail

Five Minute React 61 - Reset Password Part 2 | 22nd Jan 2018
We're talking to our API, but our app is just sitting there showing no change to the user. Let's fix that!

Read
Main Content Image Thumbnail

Five Minute React 60 - Reset Password Part 1 | 22nd Jan 2018
Users forget their passwords, and also sometimes like to change them. Let's handle that.

Read
Main Content Image Thumbnail

Five Minute React 59 - Back-End Validation | 22nd Jan 2018
Allowing multiple users to register with the same email or username is bad. Let's NOT do that!

Read
Main Content Image Thumbnail

Five Minute React 58 - Front-End Validation | 22nd Jan 2018
We've got forms for login and registration. Let's do our best to ensure the incoming data is what we want.

Read
Main Content Image Thumbnail

Five Minute React 57 - Error Handling | 22nd Jan 2018
It's time to display errors to our users so they can dismiss them without reading them!

Read
Main Content Image Thumbnail

Five Minute React 56 - Registration Success Page | 22nd Jan 2018
Alerting our users that a registration was successful seems like a good idea. Let's do it!

Read
Main Content Image Thumbnail

Five Minute React 55 - Sending to the Registration API | 22nd Jan 2018
Our registration form is built, now let's wire it up with actions to talk to the API, and reducers to connect to the Store.

Read
Main Content Image Thumbnail

Five Minute React 54 - Building A Registration Page | 22nd Jan 2018
We need new users to be able to sign up, so let's put together a registration page for them.

Read
Main Content Image Thumbnail

Five Minute React 53 - Final Action Refactoring | 22nd Jan 2018
We've got one more piece of code refactoring to do, and then we finish up with a new feature!

Read
Main Content Image Thumbnail

Five Minute React 52 - Refactoring Log-In | 22nd Jan 2018
We've moved logging out from our component to our action file. Let's do the same for logging in.

Read
Main Content Image Thumbnail

Five Minute React 51 - Asynchronous Actions | 22nd Jan 2018
It's time for some code refactoring. Let's get our API calls out of our components with async actions.

Read
Main Content Image Thumbnail

A Brief, Incomplete History of JavaScript | 11th Sep 2017
Where did we start, where are we now, how did we get here, and why?

Read
Main Content Image Thumbnail

Five Minute React 50 - Logging Out | 22nd Jan 2018
Our users need to be able to log out. Let's build a link that lets them do that!

Read
Main Content Image Thumbnail

Five Minute React 49 - Intro to Component Lifecycle | 22nd Jan 2018
We fix the bug where refreshing the page loses our user object, and talk about component lifecycle methods at the same time.

Read
Main Content Image Thumbnail

Five Minute React 48 - Displaying User Information | 22nd Jan 2018
We can log in, now let's use that to display some information on our page. Bonus: adding a working spinner!

Read
Main Content Image Thumbnail

Five Minute React 47 - Wiring Up Log-In Part 3 | 22nd Jan 2018
We create actions and reducers to wire our log-in form into Redux, and check to make sure they're working.

Read
Main Content Image Thumbnail

Five Minute React 46 - Wiring Up Log-In Part 2 | 22nd Jan 2018
We continue attaching our log-in form to our API, and view the results of our efforts.

Read
Main Content Image Thumbnail

Five Minute React 45 - Wiring Up Log-In Part 1 | 22nd Jan 2018
After a brief diversion, it's time to get started making our form actually log users in.

Read
Main Content Image Thumbnail

Five Minute React 42 - Redux Tools | 22nd Jan 2018
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 | 22nd Jan 2018
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 | 31st Jan 2018
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 | 22nd Jan 2018
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 36 - Building a Log In Page | 31st Jan 2018
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 | 22nd Jan 2018
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 Jan 2018
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 | 22nd Jan 2018
We cut down on code repetition while also creating a shared Sidebar component in React.

Read
Main Content Image Thumbnail

Five Minute React 31 - React Routing | 22nd Jan 2018
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 | 22nd Jan 2018
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 | 22nd Jan 2018
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 | 22nd Jan 2018
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 | 22nd Jan 2018
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 | 22nd Jan 2018
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 | 22nd Jan 2018
It's finally time to write some React code. Let's get started!

Read
Main Content Image Thumbnail

Five Minute React 23 - Installing React Necessities | 22nd Jan 2018
It's time to get React installed. To do that, we'll also need Babel and Webpack. Let's do it!

Read