top
Corporate training

up - skill your team

Request Quote

React.js Training in San Diego-CA, United States

Learn to build rich internet applications using Reactjs, Flux and Redux, how to do module bundling using webpack

  • 24 hours of Instructor-led training
  • Basic to Intermediate level
  • Hands-on Sessions
Get Personalized Help for Free Enroll Now

Modes of Delivery

Key Features

24 hours of Instructor led training
Interactive hands-on sessions
Learn latest version of React JS (React 16)
Learn to build rich internet applications using React JS, Flux, and Redux
Get proper guidance by Industry Experts anytime after course completion
Mentors will help students in implementing technology in live/new projects

Description

React is a view library to develop single page applications in Javascript. It is the most popular library backed by Facebook. With React library, you can develop dynamic frontend applications which come with great features like component architecture, data binding, declarative views, universal apps

Zeolearn’s course on React will make you familiar with the beginner to intermediate concepts of React library to build SPA applications that will help your business achieve faster ROI due to lesser development and maintenance cost, and faster accessibility.

REACT TRAINING OBJECTIVES

All students will gain knowledge:

  • Understand how Single Page React application is different than traditional web development frameworks
  • Code using new ES6 language features
  • Develop an application from scratch using React 16
  • Understand the benefits of unidirectional data flow
  • Understand and use React, React Router, Redux, Redux Saga and other popular libraries
  • Creating redux middleware with Redux saga
  • Use styled-components to create presentational components (CSS in JS)
  • Taking the advantage of React and Redux dev tools for better debugging
  • Taking the advantage of immutable.js library to follow the immutable state principle
  • Unit test React components, redux using Jest, Enzyme and sinon
  • Implementing server-side rendering for SEO benefits and to reduce initial load times
  • Understand webpack bundler and its killer features like code splitting, lazy loading, tree shaking, hot module replacement
  • Create, build, and deploy react applications to cloud
  • React ecosystem and sources for good third-party libraries 

REACT JS TRAINING PREREQUISITES

All attendees must have substantial prior experience developing with JavaScript. If attendees will not have prior JavaScript experience, we would be delighted to precede this class with a one or two-day intensive JavaScript

SOFTWARE NEEDED FOR EACH PC:

  • Google Chrome
  • Other modern browsers as desired
  • VS Code editor or any JS editor
  • Node > 6
  • Windows/mac/ubuntu OS

Curriculum

  • History of Javascript
  • What is ES6
  • A word on bable
  • Block scope, let & const
  • Template literals
  • Arrow functions
  • Spread and Rest operators
  • Object literal improvements
  • Destructuring
  • Classes
    • Inheritance
    • Static properties and methods
  • Promises
  • Iterators and Iterables
  • Generators
  • Modules
  • Set and Map
  • What is React?
  • Why React?
  • React version history
  • React 16 vs React 15
  • Just React - Hello World
  • Using create-react-app
  • Anatomy of react project
  • Running the app
  • Debugging first react app
  • Working with React.createElement
  • Expressions
  • Using logical operators
  • Specifying attributes
  • Specifying children
  • Significance of component architecture
  • Types of components
    • Functional
    • Class based    
    • Pure
  • Component Composition
  • What is state and it significance
  • Read state and set state
  • Passing data to component using props
  • Validating props using propTypes
  • Supplying default values to props using defaultProps
  • Using React key prop
  • Using map function to iterate on arrays to generate elements
  • Understanding React event system
  • Understanding Synthetic event
  • Passing arguments to event handlers
  • Understand component lifecycle
  • Controlled components
  • Uncontrolled components
  • Understand the significance to defaultValue prop
  • Using react ref prop to get access to DOM element
  • Setting up react router
  • Understand routing in single page applications
  • Working with BrowserRouter and HashRouter components
  • Configuring route with Route component
  • Using Switch component to define routing rules
  • Making routes dynamic using route params
  • Working with nested routes
  • Navigating to pages using Link and NavLink component
  • Redirect routes using RedirectComponent
  • Using Prompt component to get consent of user for navigation
  • Path less Route to handle failed matches
  • What is redux
  • Why redux
  • Redux principles
  • Install and setup redux
  • Creating actions, reducer and store
  • What is Immutable.js?
  • Immutable collections
  • Lists
  • Maps
  • Sets
  • What is React Redux
  • Why React Redux
  • Install and setup
  • Presentational vs Container components
  • Understand high order component
  • Understanding mapStateToProps and mapDispatchtToProps usage
  • Why redux middleware
  • Available redux middleware choices
  • What is redux saga
  • Install and setup redux saga
  • Working with Saga helpers
  • Sagas vs promises
  • Understand the significance of unit testing
  • Understand unit testing jargon and tools
  • Unit testing react components with Jest
  • Unit testing react components with enzyme
  • Understand error boundaries (new in React 16)
  • Understand react portals (new in React 16)
  • What is webpack
  • Why webpack
  • Install and setup webpack
  • Working with webpack configuration file
  • Working with loaders
  • Quick word on code splitting, lazy loading, tree shaking
  • Setting up Hot Module Replacement
  • What is server-side rendering (SSR)?
  • Why SSR
  • Working with renderToString and renderToStaticMarkup methods

Frequently Asked Questions

React.js is a JavaScript library designed to make the process of building modular, reusable user interface components simple and intuitive. Given its success in other large scale web applications, React has now become the program of choice for building applications that require dynamic data changes over time. As a React.js developer you have a good chance of making it big as a developer. This workshop is intended to give you a thorough walk-through of React.js and its components and make you competent in building React.js rich internet applications.

After completing our course, you will know:
  • The fundamentals of React.js. How it is different from frameworks
  • The various components of React.js, JSX and the Flux architecture
  • To build complex user interfaces having a unidirectional data flow, with React.js
  • React.js best practices and how to use them to build state-of-the-art apps

Towards the end of the course, all participants will be required to work on a project to get hands on familiarity with the concepts learnt. You will use React.js development tools and build an RIA application with full support from your mentors. This project, which can also be a live industry project, will be reviewed by our instructors and industry experts. On successful completion, you will be awarded a certificate.

Classes are held on weekdays and weekends. You can check available schedules and choose the batch timings which are convenient for you.

You may be required to put in 10 to 12 hours of effort every week, including the live class, self study and assignments.

Your classes will be held online. All you need is a windows computer with good internet connection to attend your classes online. A headset with microphone is recommended.

You may also attend these classes from your smart phone or tablet.

Don’t worry, you can always access your class recording or opt to attend the missed session again in any other live batch

Web developers wanting to use React.js to build state-of-the-art web UIs will benefit from this course.

 

One must have:

  • Node.js
  • Good Text / JavaScript Editor (Notepad++ / SublimeText / Brackets / Atom )
  •  Chrome
  •  Internet Connection (Mandatory with permissions to install npm modules from git on demand)

React JS Course in San Diego-CA

The second largest city of California, San Diego is famous for its museums and performance arts centres. The city is also a popular venue for California’s famous film and TV production industry. A hub of research and manufacturing, San Diego’s main economies also include defence, tourism and trade. This city is also considered as one of the best places in the USA to launch a small business or start up.

About React.JS

React.JS is popular amongst developers as a JavaScript library tool to make large user interfaces with a lot of continuously changing data. Its most popular examples are the Facebook and Instagram user interfaces. With quality UIs being a crucial component for many online businesses and platforms, individuals with React.JS knowledge are sought after by companies and start-ups worldwide. For developers looking for this valuable profile addition, the React.JS Certification in San Diego by Zeolearn academy is a comprehensive online program that provides hands on coaching and lectures on the basics of React.JS.

What is in the Course?

In the beginning of your React.JS Online Course in San Diego, the first few lessons will dwell on ES6 basics and includes lessons like Enhanced Object Literals and Comprehensions. As you get familiar with the basics of the React.JS Course in San Diego, the next step is building UIs with React.JS. This part of the course includes several important lessons like Models, components, forms, react links, best practices and other UI aspects like animations and performance helpers. During this React.JS Training in San Diego, you will learn about the various facets of Flux and Redux architecture, from Introduction To Architecture components like dispatchers and reducers.

As the React.JS Training Classes in San Diego draw to a close, the Zeolearn trainer will teach you about Webpack, including important lessons like a module bundling overview, configuring automatic browser refresh and hot loading components amongst many other processes.

This Zeolearn institute course is available at a reasonable cost. As part of our mission to maintain customer satisfaction, we take all feedback seriously and Zeolearn will reimburse your entire course fee after the first demo session, if you’re not happy with our methods of coaching.

Here is what you will learn:

The React.JS Training in San Diego offers you:

  • Knowledge of React.js fundamentals, solutions and applications architecture
  • Knowledge of React.js components & JSX
  • Technical know-how to create working applications using React.js’s components
  • Knowledge of React.js best practices
  • Usage of Flux architecture to compose an application
  • Maintenance of application state in a Redux Store
  • How to facilitate Module Bundling using Webpack
  • Proficiency in using React Dev Tools

Objective of the Course

  • Thorough understanding of React.js and all its components and characteristics
  • Thorough understanding of Flux architecture and JSX
  • Nurturing the ability to build user interfaces and web applications using React.js.

Highlights of the Course

  • Interactive live sessions with an experienced trainer
  • Hands on practice sessions and lectures with industry experts
  • Project work with mentor ship from expert faculty, which will be reviewed by industry experts
  • Course designed for time flexibility with weekend and weekday batches along with easy accessibility from home

Is the course right for you?

For web developers looking to build high quality web UIs, then the React.JS Certification in San Diego is a perfect course.

Prerequisites

To get the best leverage out of the React.JS Online Training in San Diego, participants require some experience in web development including intermediate expertise with JavaScript. A plus point would be basic knowledge of server technology like J2EE, .NET, Ruby etc, but it is not mandatory. Enrol in this workshop and push your career ahead.

other trainings

How We Can Help You