Hands-on skills for React native web application development

Getting Started with React Native is a hands-on, intermediate level web development course geared for experienced web developers who need to build and design applications using React Native. Students will explore the core APIs and Components, applying these skills to the course case study project to create a React Native app in class. This is an intermediate-level course for web developers with prior practical experience working with React.

Who Should Attend?

This intermediate and beyond level course is targeted for experienced web developers with current, solid hands-on experience with React.

React Native ile Çalışma (TTSREACT5) Eğitimi programına Online Instructor-Led (canlı sanal sınıf) veya Classroom Based (sınıf eğitimi) formatlarında doğrudan katılım sağlayabilirsiniz. Ayrıca bu eğitimi kurumunuza özel olarak Online Instructor-Led, Classroom Based veya Onsite (yerinde eğitim) formatlarında, tercih ettiğiniz tarih ve lokasyonda organize edebiliriz. Detaylı bilgi ve kurumunuza özel planlama için bizimle iletişime geçebilirsiniz.

Bu eğitimi dilediğiniz tarih ve lokasyonda organize edebiliriz.

Önkoşullar

Incoming students should have skills equivalent to the topics in, or should have recently attended, this course as a prerequisite:

TTSREACT3 Mastering React: React, Redux, JSX, Flux, Forms, Unit Testing & More

Neler Öğreneceksiniz

Working in a hands-on learning environment led by our expert React technical team member, attendees will learn about and explore:

Getting Started with React Native
React Fundamentals: 7 steps of app development
Building a React Native App / Case Study
Core Components
Core APIs

If your team requires different topics or tools, additional skills or custom approach, this course may be easily adjusted to accommodate. We offer additional related React, Redux, Angular, web development, scripting, programming and design courses which may be blended with this course for a track that best suits your objectives.

Eğitim İçeriği

1.Getting Started with ReactJS

Introducing ReactJS
Downloading ReactJS
Tools
Trying ReactJS

2: Exploring JSX and the ReactJS Anatomy

What is JSX?
Why JSX?
The ReactJS anatomy

3: Working with Properties

Component properties
Configuring Facebook Open-Graph API
Rendering data in a ReactJS component

4: Stateful Components and Events

Properties versus states in ReactJS
Exploring the state property
Events

5. Component Life cycle and Newer ECMAScript in React

React component lifecycle
Other ES (ECMAScript) versions in React

6: Reacting with Flux

An overview of Flux
Flux versus the MVC architecture
Actions
Dispatchers
Stores
Controller-Views and Views
Revisiting the code

7: Making Your Component Reusable

Understanding Mixins
Validations
The structure of component
Summary

8: Testing React Components

Testing in JavaScript using Chai and Mocha
Testing using ReactTestUtils
The jestTypical example of a Testsuite with Mocha, expect, ReactTestUtils and Babel
Testing with shallow rendering

9: Preparing Your Code for Deployment

An introduction to Webpack
Advantages of Webpack
Introduction to Gulp

10: What's NextGetting Started with React Native

Weather App
Starting the project
Expo
Components
Custom components

React Fundamentals

Breaking the app into components

7 step process

Step 1: Review

Step 2: Build a static version of the app

Step 3: Determine what should be stateful

Step 4: Determine in which component each piece of state should live

Step 5: Hardcode initial states

Step 6: Add inverse data flow

Updating timers
Deleting timers
Adding timing functionality
Add start and stop functionality
Methodology review

Core Components, Part 1

What are components?
Building an Instagram clone
View
StyleSheet
Text
TouchableOpacity
Image
ActivityIndicator
FlatList

Core Components, Part 2

TextInput
ScrollView
Modal

Core APIs, Part 1

Building a messaging app
Initializing the project
The app
Network connectivity indicator
The message list
Toolbar
Geolocation
Input Method Editor (IME)

Core APIs, Part 2

The keyboard

React Router

Server-side rendering
Isomorphic applications
Hot reloading
Redux React
Relay and GraphQL
React Native
References

Neden Bizi Seçmelisiniz

React Native ile Çalışma (TTSREACT5) eğitimine Bilginç IT Academy'nin canlı ve etkileşimli sanal sınıf ortamında katılabilirsiniz. Online Instructor-Led eğitimlerimize bireysel olarak genel katılıma açık (Public) sınıflardan katılabileceğiniz gibi, kurumunuza özel (Private / In-house) bir sınıf da planlayabilirsiniz.

Eğitim Formatı (Delivery Method): Online Instructor-Led
Katılım Modeli (Participation Model): Genel Katılıma Açık (Public) / Kuruma Özel (Private / In-house)
Canlı ve Etkileşimli Eğitim: Eğitmeninizle gerçek zamanlı iletişim kurun; soru-cevap, uygulama ve grup çalışmalarıyla öğrenme sürecine aktif olarak katılın.
Esnek Katılım: Evinizden, ofisinizden veya internet erişiminizin bulunduğu herhangi bir lokasyondan eğitime katılın.
Uzman Eğitmen Kadrosu: Sektör deneyimine sahip, alanında yetkin eğitmenlerden güncel ve uygulanabilir bilgiler edinin.
30 Yılı Aşkın Deneyim: Bilginç IT Academy'nin 1995 yılından bu yana süregelen eğitim uzmanlığından yararlanın.
Dünya Genelinde Erişim: Canlı sanal sınıflarımıza dünyanın farklı lokasyonlarından katılabilir veya kurumunuza özel online eğitim planlayabilirsiniz.

Working with React Native (TTSREACT5) eğitimine yüz yüze sınıf ortamında katılabilirsiniz. Classroom Based eğitimlerimiz genel katılıma açık (Public)sınıflar veya kurumunuza özel (Private / In-house)sınıflar şeklinde planlanabilir.

Eğitim Formatı (Delivery Method): Classroom Based
Katılım Modeli (Participation Model): Genel Katılıma Açık (Public) / Kuruma Özel (Private / In-house)
Yüz Yüze Öğrenme: Eğitmeniniz ve diğer katılımcılarla doğrudan iletişim kurarak etkileşimli bir sınıf deneyimi yaşayın.
Deneyimli Eğitmenler: Sektörde uzun yıllara dayanan deneyime sahip uzmanlardan gerçek dünya örnekleriyle öğrenin.
Profesyonel Eğitim Ortamı: Teknolojik altyapısı güçlü, konforlu ve öğrenmeye uygun sınıflarda eğitim alın.
Uygulamalı Öğrenme: Eğitim içeriğine bağlı olarak uygulamalar, senaryolar, vaka çalışmaları ve eğitmen yönlendirmeli çalışmalarla teorik bilgilerinizi pratiğe dönüştürün.

Working with React Native (TTSREACT5) eğitimini kurumunuza özel olarak kendi ofisinizde veya tercih ettiğiniz lokasyonda gerçekleştirebilirsiniz. Bilginç IT Academy eğitmenleri, kurumunuzun ihtiyaçlarına göre planlanan eğitim için belirlediğiniz lokasyona gelebilir.

Eğitim Formatı (Delivery Method): Onsite
Katılım Modeli (Participation Model): Kuruma Özel (Private / In-house)
Tercih Ettiğiniz Lokasyonda Eğitim: Eğitimi şirketinizin ofisinde veya belirlediğiniz farklı bir lokasyonda organize edin.
Kuruma Özel İçerik: Eğitim programını şirketinizin projelerine, ekip yapısına, mevcut yetkinlik seviyesine ve iş ihtiyaçlarına göre uyarlayın.
Ekip Odaklı Öğrenme: Ekibinizin aynı içerik ve yaklaşım etrafında gelişmesini sağlayarak kurum içi bilgi paylaşımını ve iş birliğini güçlendirin.
Esnek Planlama: Eğitim tarihini, lokasyonunu ve programını kurumunuzun operasyonel ihtiyaçlarına göre planlayın.
Global Eğitim Organizasyonu: Bilginç IT Academy eğitmenleri, kurumunuza özel eğitimler için dünyanın farklı ülkelerine ve lokasyonlarına yönlendirilebilir.

Eğitimlerle ilgili bilgi almak ve diğer tüm sorularınız için bize ulaşın!

Neden bizi tercih ettiniz?

Bilginç'ten daha önce eğitim aldım ve memnun kaldım.

Daha önce farklı bir kurumdan aldığım eğitimden memnun kalmadım.

Diğer

IT departmanınızda kaç kişi çalışıyor?

0 – 50

50 – 250

250 – 1000

1000+

Working with React Native (TTSREACT5) Eğitimi

Who Should Attend?

Önkoşullar

Neler Öğreneceksiniz

Eğitim İçeriği

Neden Bizi Seçmelisiniz