Location:Main Road, Bangalore

courses@bangalore.com

React 16x Recipes For Web Development

Course

REACT 16X RECIPES FOR WEB DEVELOPMENT

Category

React Native Online Certification

Eligibility

Job Aspirants

Mode

Online and Classroom Sessions

Batches

Week Days and Week Ends

Duration :

Daily 2 hrs during Weekdays

React Native Objectives

•Build and deploy web applications React Native.
•See how to build a React Native code.
•Learn WebdriverIO Testing with real user scenario examples
•Build deploy and run your React Native configuration and code.
•Learn how to design and create a React Native app
•Start learning from this excellent course on React Native programming!
•Learn the fundamentals of React Native and get trained on analyzing data
•How to setup a React Native script and Interface in real time development.
•Learn React Native from beginner to advanced level. Learn with examples and interactive sessions.

react 16x recipes for web development Training Highlights

•Post training offline support available
•Basic Training starting with fundamentals
•Fast Track course available with best Fees
•Create hands-on projects at the end of the course
•We provide Classroom and Online training in Metro Cities
•Courseware includes reference material to maximize learning.
•Flexible group timings to admit freshers, students, and employed professionals
•This Instructor-led classroom course is designed with an aim to build theoretical knowledge supplemented by ample hands-on lab exercises

Who are eligible for React Native

•Application Server, Problem Mgmt, SAP Technical/Functional, BO Developer, Automotive Developer, Protocols, Embedded C, AutoSar, Window Applications
•ETL Developer, Informatica MDM, SAP BO, SAP HANA, Oracle Apps Functional Finance, Finance Modules, 11i, R12, Oracle Apps, Oracle Apps DBA, EBusiness Suite
•Java, Sales, Php, Oracle Dba, Ruby Rails, Salesforce, Big Data, Aws, Cloud Computing, Front End, Backend, Operations, It Administration
•Qa Testers / Developers, Full Stack Developers – Backend / Frontend, Power Bi, Market Intelligence
•Websphere Message Broker, Ibm Bpm, Odm, Cognos Bi, Filenet, Tivoli, Datapower, Redhat Linux, Cloud Computing, Mobile Testing, Devops, Java, .Net, Python

REACT 16X RECIPES FOR WEB DEVELOPMENT Topics

Learning React
•The Course Overview
•Thinking in React
•Start Using React Right away
•Local React Dev Environment Setup with create-react-app
•Building Our First Custom React Component
•Using State and Conditional Rendering in JSX
•Using React Dev Tools to Help Build and Debug Our Apps
•Handle Mouse, Keyboard, Form, and Browser Events
•Basic Form Validation
•Create a Shopping List Component
•Persist Shopping List State with Local Storage
•Overview:Mini Address Book App
•Use Stateful and Stateless Components to Build UIs
•Pass Props Down to Nested Components
•Update Parent Component State from a Child Component
•Persist Address Book State with Local Storage
•Intro to Hooks
•Implement the useState and useEffect
•Overview: Multi-Page React App
•React Router 5 Setup and Configuration
•Handle Dynamic URL Values, and Error State
•Convert Render Props into Components
•Conditionally Render Components, Redirects
•Overview: React App + Star Wars API
•Fetch DATA from swapi.co
•Extract Logic into Separate Components
•Fetch Data Based on URL/Route
•Persist API Data in Local Storage
•Build React App to Optimize for Production
•Deploy to Netlify: Drag and Drop
•Deploy to Netlify: Command Line
•Deploy to Netlify: Continuous Deployment
•What’s Next? Eject from CRA, More Hosting Options
•Test your knowledge
•React Recipes
•React Rendering Process
•What Should You Know About React Fiber?
•Starting a Project from Scratch
•Understanding and Configuring ES6 and Babel
•Understanding and Configuring Webpack
•Setting Up a Development Server
•Creating and Mounting Root Component
•Using Functional Components
•Importing Assets
•Compose Components to Create More Complex UI
•Making Async Request in the Component Life Cycle
•Use the State to Make Your Components Dynamic
•Component Styling: Different Approaches
•Functional CSS
•Setting Up PostCSS and Basscss
•Adapt Basscss to Our Site Style Guide
•Code Styling: Following a Style Guide
•Setting Up ESLint
•Setting Up Prettier
•Wrapping Everything Up with a Git Hook
•Using React Router to Create Basic Routing
•Handling 404 Requests
•Handling Redirects
•Add Links to Different Routes
•Implementing Favorites
•Share State Between Routes
•Get Param’s from URLs
•Configuring Jest
•Using Snapshots to Test React Components
•Mock Static Assets in Our Tests
•Using Enzyme to Test More Complex Scenarios
•Advanced React Recipes
•How to Easily Configure Redux to Your Project
•Most Common and Handy Middlewares That You Will (Probably) Always Need
•State and Data Management in Redux
•Using Redux to Dispatch Simple Actions
•Resolve API Calls Through Redux
•Using Redux State to Handle Modals
•Redux Middleware Signature and Injection
•Create Middleware to Resolve Network Calls
•Adjust Redux to this Solution
•Add Resource Time-to-Live Feature
•Different Approaches
•A CSS Way: Using animate.css
•A Programmatic Way: Using React Animation Add-Ons
•Understanding Higher Order Components
•Recompose: The Good Parts
•Integrate Recompose to an Existing Project
•Writing Our Higher Order Component
•Making a Custom Production Build
•How to Serve a React App Using Express.js
•Deploying to Heroku
•Deploying to Surge