React Professional GeekXPro – Intermediate
Become a Professional React Developer
What you will learn
- Component state
- Props object
- Component lifecycle
- Events and event binding
- React forms
- Performance enhancements
Prerequisites and Requirements
- 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.
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 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.
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.
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.
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.