Developing Applications using ReactJS Eğitimi

Bu üç günlük eğitim hali hazırda, ES6 dahil olmak üzere, JavaScript ile ilgili bilgi sahibi olan ve ReactJS kütüphanesini kullanarak nasıl kullanıcı arayüzleri (UI) oluşturulacağını öğrenmek isteyen geliştiriciler için tasarlanmıştır. ReactJS’nin yeniden kullanılabilir ve interaktif UI bileşenleri ile React Router kullanan tek sayfa uygulamaları oluşturmada nasıl kullanılacağını ve de Flux ve Redux’a giriş konusunu içermektedir. Eğitimin amacı, katılımcıların becerilerini, bilgilerini ve kavrayışlarını geliştirmek ve böylece katılımcıları kullanıcı arayüzleri oluşturmada ReactJS’yi rahatça kullanabilir hale getirmektir.

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