| Register

Default User Icon

advertisement

All Posts Tagged Front-End

Main Content Image Thumbnail

Five Minute React 53 - Final Action Refactoring | 19th Sep 2017
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 | 19th Sep 2017
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 | 14th Sep 2017
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

Five Minute React 50 - Logging Out | 12th Sep 2017
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 | 7th Sep 2017
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 | 5th Sep 2017
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 | 31st Aug 2017
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 | 30th Aug 2017
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 | 30th Aug 2017
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 44 - Optimizing Part 2 | 30th Aug 2017
We finish up a quick detour into optimization by chopping our Webpack build in half ... again!

Read
Main Content Image Thumbnail

Five Minute React 42 - Redux Tools | 30th 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 | 30th 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 | 30th 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 | 1st Sep 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 36 - Building a Log In Page | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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 | 30th Aug 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

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

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

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

Read