Developing Applications using ReactJS Eğitimi

Sağlam JavaScript bilgisine sahip olmak ve tercihen aşağıdaki QA kurslarına katılmış olmak:

- “Programming with JavaScript” (JavaScript ile Programlama) 

- “Next Generation JavaScript: ECMAScript 2015” (Gelecek Nesil Javascript: ECMAScript 2015) ya da denk programlama tecrübesi.

Not: Eğitime katılmadan önce bir Microsoft hesabı oluşturmuş olmanız gerekmektedir (Ücretsiz olarak oluşturulabilir).

• JSX kullanarak ReactJS uygulamasında kullanılacak bileşenler oluşturma
• ReactJS'te yerleşik bir uygulamanın çevresine veri iletme
• Bileşenlerin nasıl tek sayfa uygulamalarının bir parçası olarak kullanılacağı

Introduction to ReactJS

• What is ReactJS
• What does ReactJS do
• ReactJS, the DOM and the VirtualDOM

ReactJS Projects

• Project Fundamentals
• The react and react-dom packages
• Babel and Webpack
• Other project files

Components and JSX

• Components
• JSX and how to modify a project to use JSX
• Chrome React Developer tools

Using props and state

• props – description, use, typing and validation
• state – description, use, setting and changing
• Passing state through props
• Functional components
• Lifting up state

Component Lifecycles

• Lifecycle Methods: Mouting, Updating and Unmounting
• ReactJS and the DOM
• ReactDOM methods

Forms, Events and Refs

• Controlled components
• How are Events controlled
• What are Refs
• Uncontrolled components
• Forms as child components

Working with Datasets

• Collecting data from forms
• Data sources
• Arrays/Iterators and Keys
• Sub-Components

Composition vs Inheritance

• Composition and the use of containment and specialisation
• Inheritance use in ReactJS

Single Page Applications

• Single Page Applications and React Router
• Defining and Lining to Routes
• Displaying Route Content
• Params and Nesting

Thinking in React

• Facebook’s ‘Thinking in React’ Philosophy

Working with other Libraries

OBJECTIVES

• Using Flux and Redux with React

ReactJS as the V part for Angular and other frameworks