Course info
Jan 8, 2016
3h 9m

In this course, we create a React.js application on top of an Express.js project on Node.js. We'll have our data stored in MongoDB and exposed with a GraphQL endpoint on the server. For the clients on the frontend, we'll see examples of how to work with data using the Flux pattern first, then using the Relay.js framework. We'll be using Babel and Webpack in this project, and we'll install all our dependencies with npm. The application we will be building is a list of educational resources about React, GraphQL, and Relay. Users can add new resources and browse and search the list.

About the author
About the author

Samer Buna is a polyglot coder with years of practical experience in designing, implementing, and testing software, including web and mobile applications development, API design, functional programming, optimization, system administration, databases, and scalability. Samer worked in several industries including real estate, government, education, and publications

More from the author
React: Getting Started
4h 1m
Feb 25, 2019
Node.js: Getting Started
3h 29m
Sep 11, 2018
Advanced React.js
3h 54m
Jul 21, 2017
More courses by Samer Buna
Section Introduction Transcripts
Section Introduction Transcripts

Crash Courses: Express and ES6
This module will be an introduction to some of the technologies we're going to be using in this course. Most importantly, the Express framework and ES6, the new and modern syntax for JavaScript. First, we'll install NVM, the Node Versions Manager, then we'll use MVC to install Node, and we'll use Node to run an Express webserver. I'll also show you how with the Babel tool we can fully use the modern JavaScript syntax on the server side. Then, we'll use our Express server to start a React app. We'll first write our components with pure JavaScript, then I'll show you how to use JSX in this environment. We're going to use Webpack to manage our JavaScript files dependencies and bundle everything into one asset for the browser. And using Babel with Webpack, we will be able to write with the modern JavaScript syntax for the client as well.