(Click Category to List Courses)
41 - IT-P Information Technology - Programming
IT-P 135 - React JS & React Native (10 Days)
| Code | Start Date | Duration | Venue | |
|---|---|---|---|---|
| IT-P 135 | 15 April 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 06 May 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 17 June 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 15 July 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 19 August 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 23 September 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 28 October 2024 | 10 Days | Istanbul | Registration Form Link |
| IT-P 135 | 02 December 2024 | 10 Days | Istanbul | Registration Form Link |
Please contact us for fees
Course Description
JavaScript’s React library offers tools most developers are keen to work with if they have not explored the offerings already. React offers faster to market time, ease of use, quick rendering with V-Dom, efficient design and some truly unique developer tools.
This course contains basic elements like introduction, JSX overview, Environmental setup, real-time applications, forms and UI, Component Lifecycle, Event Handling, and Styles along with advanced features such as router and navigations, Flux, Redux, and Unit testing methods.
In addition, it can serve as a guide through the entire React Native development process from setting up development environment all the way to developing and deploying an app.
Course Objectives
- Building single page applications
- Building interactive forms
- Implementing routing with React Router
- Building isomorphic React applications
- Setup and use of the create-react-app toolchain
- Writing reusable, shared logic for use in application ecosystems
- Building performant, interactive and data driven web applications
Who Should Attend?
- Developers
- IT managers
- Anyone who would like to know about apps development using React
Course Details/Schedule
Day 1
- React JS
- Welcome to React
- Obstacles and Roadblocks
- React’s Future
- Working with Files
- React Developer Tools
- Installation Node JS
- Emerging JavaScript
- Declaring Variable in ES6
- Arrow function
- Transpiling ES6
- ES6 Objects and Arrays
- Promises
- Classes
Day 2
- Pure React
- Page Setup
- The Virtual DOM
- React Elements
- React DOM
- Children
- Constructing Elements with Data
- React Components
- DOM rendering
- React with JSX
- React Elements as JSX
- Babel
- Intro to Webpack
Day 3
- Props, State and the Component Tree
- Property Validation
- Refs
- React State Management
- State within component Tree
- Enhancing Components
- Component Lifecycle
- JavaScript Library Integration
- Higher-Order Components
- Flux
Day 4
- Redux
- State
- Actions
- Reducers
- The Store
- Action creators
- Middleware
- React Redux
- Explicitly Passing the Store
- Passing Store via Context
- Presentation Versus Container Components
- The React Redux Provider
- React Redux Connect
Day 5
- React Router
- Incorporating the Router
- Nesting Routes
- Route Parameters
- React on the Server
- React on the Server
Day 6
- React Native
- Creating React Environment
- Installing Dependencies for the Development
- Creating First App
- Running App in the Simulator
- Running App on Both Android and iOS Device
- Simple React Natve App Creation
- Adding Styles to the Elements
- Toggle Buttons
- List Items
- Flexbox to create a Layout
- Navigation setup
Day 7
- User Interface Implementation
- Developing Reusable button
- Creating Design for the Tablet and iPad
- Including Custom Fonts and Icons
- Orientation Change Detection
- Webview to embed external websites
- Creating a Form Component
- Advanced User Interface Implementation
- Implementing Google Map into the App
- Audio Player and Image Carousel
- Creating Push Notification to the App
- Browser Based Authentication
Day 8
- Simple Animation Implementation
- Simple Animation
- Multiple Animation
- Animated Notification
- Container Collapse and Extend
- Loading Animation
- Advanced Animation Implementation
Day 9
- Data and Application Logic
- Storing Data in Local
- Retrieving and Sending Data from API
- WebSockets for the communication
- Persistent Database Functionality
- Network Connection Lost Masking
- Redux, Appwork Flow and Others
- Redux Overview
- Working with Redux
- Choosing App Workflow
- NativeBase for the Cross Platform UI
- Styling UI component
Day 10
- Bringing Native Functionality
- Rendering Custom iOS Component
- Rendering Custom Android Component
- Application State Change Reaction
- Push Notification Setup
- Playing Audio File in IOS and Android
- Deploying The Apps
- Production, Testing and Build
- Deploying App on Apple App Store
- Deploying App on Google Play Store
