React Professional GeekXPro

Become a Professional React Developer

This course covers the basics of React.js and prepares the student to start developing web applications with the library. React.js is an open-source JavaScript library for creating user interfaces with a focus on the UI that’s abstracted from the DOM, and a one-way reactive data flow. The course will explain using an example web application how to use React.js. The application will be a simple in-browser, math skills kids’ game.

What you will learn

  • Component state
  • Props object
  • JSX
  • Component lifecycle
  • Events and event binding
  • React forms
  • Performance enhancements
  • Styling

Prerequisites and Requirements

  • This GeekXPro is intended for a novice learner with no prior experience in React. Prior knowledge and understanding of JavaScript is required. Prerequisite Course: JavaScript Professional GeekXPro
  • A minimal understanding of basic programming concepts needed to start this GeekXPro. No previous JavaScript experience needed.
  • You have access to a computer with a broadband connection, on which you’ll install a professional code/text editor (ie. Sublime Text or Atom).
  • You can independently solve and describe your solution to a math or programming problem
  • You are familiar with basic programming concepts such as variables, conditions, and loops.

Course Syllabus:

Beginner

The courses in this section will teach you the fundamentals of React including component states, the special Props object, and JSX. These topics are the perfect foundation for you to move to the intermediate level.

React.js: Getting Started

This course covers the basics of React.js and prepares the student to start developing web applications with the library. React.js is an open-source JavaScript library for creating user interfaces with a focus on the UI that’s abstracted from the DOM, and a one-way reactive data flow. The course will explain using an example web application how to use React.js. The application will be a simple in-browser, math skills kids’ game.

React Fundamentals

This course covers the features offered by React and explains their advantages and disadvantages relative to the other popular options available. Important topics include: React’s one-way reactive data flow, the virtual DOM, and JSX syntax for describing markup.

Intermediate

These intermediate courses will take you through some of the more intricate elements within React, including working with Flux and Redux. Once you fully comprehend the topics in this area, you’ll be ready to move to the advanced section.

Building Applications with React and Flux

Get started with React, React Router, and Flux by building a real-world style data-driven application that manages Enzuke author data. This course uses a modern client-side development stack including Node, Browserify, Gulp, and Bootstrap.

Building Applications with React and Redux in ES6

React is a library with so much power, but so few strong opinions. So building something significant requires a large number of decisions and work to build the foundation. In Building Applications with React and Redux in ES6, you will learn how to use Redux, React Router, and ES6 to build powerful and fast React applications from the ground up, as well as use Webpack, Babel, ESLint, NPM scripts, Mocha, Enzyme. Finally, you will create a rapid feedback development environment that runs linting and tests, transpiles ES6 to ES5, starts up Express as a web server, opens the application, and hot reloads changes every time you hit save and deploys with a single command. When you’re finished with this course, you will have a foundational knowledge of React and Redux in ES6 that will help you as you move forward building robust, scalable React applications using a custom, rapid feedback development environment.

Building Scalable React Apps

In this course, Building Scalable React Apps, you will remove the guesswork with the React-Boilerplate stack so that you can keep on delivering features, without needing to evolve your stack with every new addition. First, you’ll learn how to use redux-saga to elegantly attach side effects to your app. Next, you’ll focus on learning how to use reselect to compute values on top of your redux store. Finally, you’ll learn how to design your components to keep them as simple, portable, and testable as possible. After watching this course, you’ll be able to tackle large React applications alone, or with a team.

Styling React Components

React has changed the way that people think about writing UIs. It has encouraged a community where ideas about how to style UIs have changed as well. There are now several compelling options for how to style your React components. Some are more traditional, some are more progressive. You’ll be excited at the options available to you. Try a few out, and it could change the way you approach your next project.

Advanced

In this section, you’ll explore more advanced topics like the context API, HOCs, external state, performance optimization, production deployment, testing and building a full-stack app using React.

Advanced React.js

Have you ever wanted to create full-stack Javascript applications with React.js? This course, Advanced React.js, covers many advanced topics and best practices about React.js. First, you’ll learn how to configure and customize full-stack JavaScript environments. Next, you’ll explore how to work with async data and manage an application state both internally and externally. Additionally, you’ll dive into components context API, and learn how to use it with higher order components, pure components, presentational and container components, and all components lifecycle methods. Finally, you’ll discover performance analysis and optimization, how to use immutable data structures, and how to create production builds for both React.js and Node.js. By the end of this course, you’ll be able to efficiently use presentational and stateful React components in production.

Mastering React Testing with Jest

Testing web applications is one of the most important parts of the development process and Jest, the testing framework from the makers of React, is one of the newest and most powerful tools for doing so. In this course, we’ll fully implement a suite Jest tests. The course will begin with a detailed overview of the Jest API and several hands on examples demonstrating how it works. Following that, we’ll put together a full React application and then test a variety of its components using Jest and React Test Tools. Successful students of this course will be able to understand and apply the concepts of dependency mocking, testing Node modules, and testing asynchronous functionality.

Building a Full-Stack App with React and Express

In this course, we’ll build a full-featured web application which emphasizes lighting-fast load times and live updates. We’ll learn how to use React.js to build a front-end web application, and use Browserify and Gulp to load the app isomorphically in Node.js. We’ll also learn how to implement Express for handling HTTP requests, and how to integrate Mongoose with Express for fast and expressive long-term data storage.

Lessons