React Bootcamp

1. React Bootcamp
11.09.2021
@yunusdemirpolt

2. Ben Kimim?
Yunus Demirpolat
Kod yazar araştırmacı
Front End Consultant @kloia
Gezgin

3. ● 40+ consultants
● Cloud/DevOps, Microservices, Test
● Kloians working remotely
● Quarterly Summits
● Offices in London & İstanbul & Netherlands
● Customers from TR, US, UK, EU, TZ, UAE, RUS

4. React Router

5. React router

6. Dynamic Route

7. Handson
● Note senaryosunu devam ettirelim.
● React-router kütüphanesini yükleyelim.
● React router’ı projemize implement edelim.
● localhost:3000/ notlarımızın listelendiği path olsun
● localhost:3000/notes/:id ile tek bir note’a eriştiğimiz path olsun.
● Süre: 1 saat

9. REVIEW

10. Context API

11. Prop drilling

12. Prop Drilling vs Context

13. Ne zaman Context API kullanmalıyız?
● Tema verisi
● Kullanıcı verisi
● Dil ve yerel ayarlar
● vb.

14. Handson
● Yazdığımız not uygulamasına Context’i implement edelim.
● Uygulamanın hangi kısmını context api kullanarak yazacağınız tamamen size
bağlı.
● Süre: 45 dakika

16. Styled Components

17. Syntax

18. Handson
● Uygulamamızı styled-components kullanarak biraz süsleyelim
● Süre: 30 dakika

19. Neler öğrendik?
● React
● Props, State
● Components, JSX
● HOCs
● Pure Component, React.memo()
● Hooks
● React router
● Lifecycle
● Context API
● Styled Components
● Forms

20. Feedback bekliyoruz :)

21. Katılımlarınız için teşekkürler.

22. 33 Queen St, London EC4R
1AP, United Kingdom
blog.kloia.com @kloia_com
AND Binası 10-12, 34752
Kozyatagi/Istanbul, Turkey
kloia.com
kloia is a solution provider that
moves you onto the new-era in
DevOps, Cloud and architecture.
Kabelweg 57 1014 BA,
Amsterdam/Netherlands

23. Kloia in-a-nutshell:
Solutions in
DevOps/DevSecOps
Cloud/Kubernetes
Microservices
Test Automation
Within four nominated AWS Partners
globally for Modernization Projects
Several ongoing modernization projects
Customers from:
USA
UK Germany
Finland Austria
Turkey
Malta Tanzania
UAE Netherlands
Switzerland
Denmark
Russia