Monthly Archives: August 2016

Journey into React Part 6: Managing state and connecting to an Api with Redux and Axios

By |2016-08-26T23:34:08+00:00August 26th, 2016|Development, Javascript|

Our React application is coming along nicely. We've got a basic front end all set up and we're ready to make a call to the test api endpoint that we created in the last article. This tutorial is going to focus on setting up and using Redux as well as Axios so that you can make a call to that server. We'll walk through a very simple reducer, touch on [...]

How to Create a React.js Support Ticketing System Using MongoDB

By |2016-08-09T23:33:53+00:00August 9th, 2016|Development, Javascript|

In the last article I wrote we talked about how to create a Redux-Form inside a React/Redux application. Now I want to put that form to work for us, and create a simple support ticketing system using a Node.js/Express server and Mongoose to talk to a MongoDB. This will get us some good working knowledge of how to use Redux-Form, but more importantly, we'll work with Mongoose and API's in [...]

How to Create a Redux-Form with Validation and Initialized Values

By |2016-08-06T23:33:37+00:00August 6th, 2016|Development, Javascript|

You want your React app to have an intelligent form that validates the data being input before sending it off to your API. You want it to be easy and straightforward to implement with the features you'd expect. Features like setting initial values of your fields. Luckily for you, Redux Form makes all that a breeze. Even better, with the latest release candidate (Redux Form 6.0.0rc3) and later, you can [...]

Journey into React Part 5: Creating a RESTful API with Express

By |2016-08-03T23:33:22+00:00August 3rd, 2016|Development, Javascript|

We're going to be changing gears a bit here with Part 5 of our React.js tutorial and focus now on the back-end of our application. This section will center on creating a restful node api that uses express, cors and body-parser to send JSON responses to our clients. It'll do this when they send a "get" request to our hello world API. We'll also create our first controller and first [...]