React and Libraries: Your Complete Guide to the React Ecosystem (Paperback)

1. Learn the Basics

·         Package manager: npm & npm scripting, yarm.

·         Build tools: webpack

·         Setting up your first React project & overview. Create-React-App (CRA).

·         Basics: HTML, CSS, JS. Include: DOM, AJAX (XHR), ECMA script 6+, Grid, Flexbox, responsive web design.

2. Write Your Own Custom Components

·         React Components basics including type Checkers: PropTypes.

·         Semantic UI 

·         React UI libraries: Ant-design, Tailwind UI

·         Animation - React Motion, Animated (React Native)

3. Style Your Components

·         The Basics: CSS, FlexBox, Responsive Web Design, Media Queries

·         CSS Preprocessors: Sass/SCSS, PostCSS

·         CSS Architecture: BEM, CSS Modules.

·         CSS Framework: React Bootstrap, Materialize, Material-UI, Material Design Lite. 

·         CSS in JS: Styled Components, Radium, Emotion. 

4. Add State Management

·         Component State / Context

·         Redux, Redux Toolkit

·         Redux Async actions: Redux Thunk, Redux Better Promise, Redux Saga & Redux Observable.

5. Apply Routing

·         React-Router

·         Router5

·         Redux-First Router

6. Useful API Clients and Utilities

·         Rest - fetch (native)

·         GraphQL - Apollo 

·         Utilities - Loadlash, moment, classnames

7. Testing Stuff

·         Unit testing: Enzyme, Jest, Sinon.

·         Integration testing: Karma

·         E2E testing: Selenium

8. Internationalization and Localization

·         React intl (i18n)

·         React i18next

9. Working with the Backend

·         Server Side Rendering: Next.js

·         backend integration: React on Rails

10. Augment Reality 

·         React 360

·         Viro React