1 / 21

React js Online Training

http://www.learntek.org/product/react-js-training/ Learntek is global online training provider on Big Data Analytics, Hadoop, Machine Learning, Deep Learning, IOT, AI, Cloud Technology, DEVOPS, Digital Marketing and other IT and Management courses. We are dedicated to designing, developing and implementing training programs for students, corporate employees and business professional. www.learntek.org

Learntek1
Download Presentation

React js Online Training

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. React JS

  2. The following topics will be covered in our React JS Online Training: Copyright @ 2015 Learntek. All Rights Reserved.

  3. What is React JS? • React JS Training- React JS basically is an open-source JavaScript library which is used for building user interfaces specifically for single page applications. It’s used for handling view layer for web and mobile apps. React also allows us to create reusable UI components. • It can be used with a combination of other JavaScript libraries or frameworks, such as Angular JS in MVC. Copyright @ 2015 Learntek. All Rights Reserved.

  4. Why React? • Easy to learn Anyone with a basic previous knowledge in programming can easily understand React. For react you just need basic knowledge of CSS and HTML. • Native Approach React can be used to create mobile applications (React Native). And React is a follows reusability, meaning extensive code reusability is supported. Copyright @ 2015 Learntek. All Rights Reserved.

  5. …Continues… • Data Binding React uses one-way data binding and an application architecture called Flux controls the flow of data to components through one control point – the dispatcher. It’s easier to debug self-contained components of large ReactJS apps. • Performance React does not offer any concept of a built-in container for dependency. Copyright @ 2015 Learntek. All Rights Reserved.

  6. Training Topics • React Js Training -Who Is This Course For? • How Is This Course Different from the React and Flux course? • Why Redux? Copyright @ 2015 Learntek. All Rights Reserved.

  7. Environment Setup Copyright @ 2015 Learntek. All Rights Reserved.

  8. React Component Approaches • Four Ways to Create React Components • ES5 Create Class Component • ES6 Class Component • ES5 Stateless Component • ES6 Stateless Component • When Should I Use Each Style? • Other Ways to Create Components • Container vs. Presentation Components Copyright @ 2015 Learntek. All Rights Reserved.

  9. Initial App Structure • Create Initial Components • Create App Layout • Configure Routing • Update Entry Point • Create Styles • Create Header • Create Course Page Copyright @ 2015 Learntek. All Rights Reserved.

  10. Intro to Redux • Do I Need Redux? • Three Core Redux Principles • Flux Similarities • Flux Differences • Redux Flow Overview Copyright @ 2015 Learntek. All Rights Reserved.

  11. Actions, Stores, and Reducers • Actions • Store • What Is Immutability? • Why Immutability? • Handling Immutability • Reducers Copyright @ 2015 Learntek. All Rights Reserved.

  12. Connecting React to Redux • Container vs. Presentational Components • React-redux Introduction • mapStateToProps • mapDispatchToProps • A Chat with Redux Copyright @ 2015 Learntek. All Rights Reserved.

  13. Redux Flow • Create Simple Add Course Form • Binding in ES6 • Actions • Reducers • Root Reducer • Store • Instantiate Store and Provider • Connect Container Copyright @ 2015 Learntek. All Rights Reserved.

  14. Step Through Redux Flow • MapDispatchToProps Manual Mapping • bindActionCreators • Container Structure Review • Action Type Constants Copyright @ 2015 Learntek. All Rights Reserved.

  15. Async in Redux Copyright @ 2015 Learntek. All Rights Reserved.

  16. Async Writes in Redux Copyright @ 2015 Learntek. All Rights Reserved.

  17. Async Status and Error Handling Copyright @ 2015 Learntek. All Rights Reserved.

  18. Testing React • Testing Frameworks • Helper Libraries • Testing React with React Test Utils • Testing React with Enzyme Copyright @ 2015 Learntek. All Rights Reserved.

  19. Testing Redux • Testing Connected React Components • Testing mapStateToProps • Testing Action Creators • Testing Reducers • Testing Thunks • Testing the Store Copyright @ 2015 Learntek. All Rights Reserved.

  20. Prerequisite: • Basic working knowledge of HTML,CSS,JavaScript, Text editor-Visual Studio code/We storm/Atom and preffered one is Visual Studio . Copyright @ 2015 Learntek. All Rights Reserved.

  21. Copyright @ 2015 Learntek. All Rights Reserved.

More Related