React yo’l xaritasi (roadmap) o’zbek tilida 2019

1 — Modul

• Boshlang’ich HTML
• Boshlang’ich CSS
• CSS grid, flexbox

2 — Modul

• JavaScript asoslari
• Sintaksis bilan tanishib chiqish
• DOM da asosiy operatsiyalarni o’rganish(Learn basic operations on DOM)
• JS uchun odatiy o’rganish mexanizmlari (Hoisting, Event Bubbling, Prototyping)
• AJAX (Make some AJAX (XHR) calls)
• Yangi xususiyatlarni o’rganing (ECMA script 6+)
• Bundan tashqari, jQuery kutubxonasi bilan tanishib chiqing

3 — Modul

• GITni o’rganing, GitHub-ga bir nechta omborlarni yarating, kodingizni boshqa odamlar bilan ulashing
• HTTP (S) protokolini bilish, so’rov usullari (Get, Post, PUT, PATCH, DELETE, OPTIONS)
• Google’dan foydalanishdan( Power Searching with Google)
• Terminal bilan tanishib oling( bash, zsh, fish)
• Algoritmlar va ma’lumotlar tuzilmalari(data structure) haqida bir nechta kitobni o’qing(Ingliz yoki Rus tilida mavjud)
• «Design pattern» shaqida bir nechta kitobni o’qing

4 — Modul

• React( official website) o’rganishni rasmiy veb-sayt orqali yoki ba’zi youtube kurslarni ko’rib chiqing
• Foydalanadigan vositalar bilan tanishib oling masalan: Package Managerlar — npm, yarn, pnpm va Task Runner-lar — npm scripts, gulp
• Webpack
• Rollup
• Parcel

5 — Modul

• CSS Preprocessor-lar — Sass/CSS, PostCSS, Less, Stylus
• CSS Framework-lar — Bootstrap, Materialize, Material UI, Material Design Lite, Bulma, Semantic UI
• CSS Architecture — BEM, CSS Modules, Atomic, OOCSS, SMACSS, SUITCSS
• CSS JavaScript bilan — Styled Components, Radium, Emotion, JSS, Aphrodite

6 — Modul

• Component State/Context API
• Redux

a) Async harakatlar (Side Effect-lar) — Redux Thunk, Redux Better Promise, Redux Saga, Redux Observable

b) Helper(s)-lar — Rematch , Reselect

c) Data persistence — Redux Persist, Redux Phoenix

d) Redux Form

• MobX

7 — Modul

• Shriftlarni tekshiruvchilar — PropTypes , TypeScript , Flow

8 — Modul

• Yordamchi-lar(Form helpers) — Redux Form, Formik, Formsy, Final Form

9 — Modul

• Routing — React-Router, Router5, Redux-First Router, Reach Router

10 — Modul

API mijozlari( API Clients)

a) REST

• Fetch
• SuperAgent
• axios

b) GraphQL

• Apollo
• Relay
• urql

11 — Modul

Utility kutubxonalari(Utility Libraries)

• Lodash
• Moment
• classnames
• Numeral
• RxJS
• ImmutableJS
• Ramda

12 — Modul

Test qilish

a) Unit Testing

• Jest
• Enzyme
• Sinon
• Mocha
• Chai
• AVA
• Tape

b) End to End Testing

• Selenium, Webdriver
• Cypress
• Puppeteer
• Cucumber.js
• Nightwatch.js

c) Integration Testing

• Karma

13 — Modul

Internationalization

• React Intl
• React i18next

14 — Modul

Server tomonlarini ko’rsatish( Server Side Rendering)

• Next.js
• After.js
• Rogue

15 — Modul

Statik sayt yaratuvchisi

• Gatsby

16 — Modul

Backend Framework integratsiyasi

• React on Rails

17 — Modul

Mobil

• React Native
• Cordova/Phonegap

18 — Modul

Desktop

• Proton Native
• Electron
• React Native Windows

19 — Modul

Virtual reallik(Virtual Reality)

• React 360

Tarjima manbasi: Manba

Manba:

Shokhrukh Khalilov(Muhammadxalil)