ReactJS Training

• 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. create Element

• Expressions

• Using logical operators

• Specifying attributes

• Specifying children

• The significance of component architecture

• Types of components

  • Functional

  • Class based    

  • Pure

• Component Composition

• What are state and its significance

• Read state and set state

• Passing data to a component using props

• Validating props using prop  Types

• Supplying default values to props using default Props

• Understanding component lifecycle

• Understanding React event system

• Understanding Synthetic event

• Passing arguments to the event handler

• Using react to key prop

• Using map function to iterate on arrays to generate elements

• Controlled components

• Uncontrolled components

• Understand the significance of defaultValue prop

• Using react ref prop to get access to DOM element

• Understand react portals

• Under error boundaries

• React’s new fibre architecture

• 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 the consent of user for navigation

• Pathless Route to handle failed matches

• What is redux

• Why redux

• Redux principles

• Install and setup redux

• Creating actions, reducer and store

• Immutable.js for immutable data structures

• 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

• What is server-side rendering (SSR)?

• Why SSR

• Working with renderToString and renderToStaticMarkup methods

• Understand the significance of unit testing

• Understand unit testing jargon and tools

• Unit testing react components with Jest

• Unit testing react components with enzyme

• Using sinon to mock

• 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

After the successful completion of ReactJS training at Tekslate, the participant will be able to

• Get an overview of ReactJS architecture and its key features.

• Use state and props of React to manage data.

• Gain knowledge on how to handle events, async actions, and data flow.

• Understand the usage of React middleware and React router.

• Learn the advanced features of Redux and unit testing in React.

• Code the React with online integrated development environment(IDE) like an expert.

• Currently, there are numerous job opportunities available for ReactJS developers all over the world.

• ReactJS professionals are earning quite more salaries compared to professionals working on other technologies.

• On average, the certified ReactJS professionals are earning $120,000 USD per annum.

• Many top multinational companies are hiring certified ReactJS professionals around the globe.

The following job roles will get benefited from learning this course:

• Aspirants who are aiming for a career in the prospective field.

• IT Professionals

• Front-end programmers

• UI Developers and Technical Leads

• Full Stack Developers

• QAs, Architects, and Technical Project Managers

• Developers upgrading from AngularJS, EmberJS or other similar UI Javascript frameworks.

The prerequisites for learning ReactJS are listed below:

• should have knowledge on the basics of HTML and CSS.

• Should have knowledge of the basic concepts of JavaScript.

We will provide two real-time projects under the guidance of a professional trainer, who will explain  you how to acquire in-depth knowledge on all the concepts involved in these projects.

We have a strong team of professions who are experts in their fields. Our trainers are highly supportive and render a friendly working environment to the students positively stimulating their growth. 

We will share you the missed session from our recordings. We at Tekslate maintains a recorded copy of each live course you undergo.

Our Trainers will provide the student with the Server Access ensuring practical real-time experience and training with all the utilities required for the in-depth understanding of the course.

We provide all the training sessions LIVE using either GoToMeeting or WebEx, thus promoting one-on-one trainer student Interaction.

Live training uncovers distinct benefits as they are mighty to reach your desired audience converting your prospects into customers in less time. Pre-recorded videos offer plenty of advantages for entrepreneurs to educate entertain and inspire your audience as long as you want.

You can contact our Tekslate support team, or you can send an email to info@tekslate.com for your queries.

Yes. We provide the course materials available after course completion.

There exist some discounts for weekend batches and group participants if the joiners are more than 2.

If you are enrolled in classes and have paid fees but want to cancel the registration for any reason, we will attain you in 48 hours will be processed within 30 days of prior request.