Please enable JavaScript.
Coggle requires JavaScript to display documents.
React Jedi Path - Coggle Diagram
React Jedi Path
Tools and Technologies
Deployment and Infrastructure
CI/CD
Deployment Tools
Docker
Development Environment
Browser DevTools
IDE / Editor
Platform
React
Fundamental Topics
Basic Hooks
React Hooks
useEffect
useState
Component Lifecycle
Components
Class Components
Functional Components
Composition vs Inheritance
Conditional Rendering
JSX
Lists and Keys
Props vs State
Type Checkers
PropTypes
TypeScript
create-react-app
Advanced Topics
Advanced Hooks
Common Hooks
useCallback
useContext
useMemo
useReducer
useRef
Writing your Own Hooks
Code Splitting
Context
Error Boundaries
Fiber Architecture
Higher Order Components
Optimization
Portals
Refs
Render Props
Ecosystem
Testing
E2E Testing
Cucumber.js
Cypress
Nightwatch.js
Puppeteer
Selenium
Integration Testing
Karma
Unit Testing
AVA
Chai
Enzyme
Jest
Mocha
Sinon
react-testing-library
API Calls
API Helpers
react-query
swr
use-http
GraphQL
GraphQL
Apollo
Relay Modern
urql
REST
axios
superagent
Desktop
Electron
Proton Native
React Native Windows
Forms
Final Form
Formik
React Hook Form
Globalization
react-i18next
react-intl
Routers
Reach Router
React Router
Server Side Rendering
Next.js
State Management
Context / State
MobX
RecoilJS
Working with Redux
Async actions / advanced
redux-sagas
redux-thunk
redux-toolkit
Data Persistence
redux-persist
Redux
Redux Helpers
reselect
react-redux
Static-Site Generation
Gatsby
Styling
Ant Design
Material UI
emotion
styled-components
Utilities
ImmutableJS
Numeral
RxJS
classnames
immer
lodash
luxon / moment
ramda
Virtual Reality
React 360
React XR
Viro React
Libraries and Extensions
RxJS
Markup Languages
CSS
Animations
Flex
Grid
Transforms
HTML
Discoverable Content
SEO
SVG
Markdown
Modern Web APIs
Beacon
Browser Extensions
Clipboard
Fullscreen
Geolocation
Houdini
Interaction Media Queries
Media Recorder
Payment Request API
Performance API
Picture in Picture
Proxies
Screen Capture
Scrollsnapping
Share
Speech Recognition
Streams
Variable Fonts
Web Assembly
Web Audio
Web Authentication API
Web RTC
Web Sockets
Nx Monorepo
Progressive Web Apps
Style Preprocessors
LESS
SASS
Web Components
Third Party Tools
Build Tools
ESLint
Prettier
Rollup
Webpack
npm
yarn
Version Control Systems
Best Practices
Git
GitHub
Gitflow
Knowledge Domains
Design Patterns
Design Patterns in React
Programming Language
Javascript
Canvas
DOM & DOM Manipulation
Fetch
Web Animations
TypeScript
Generics
Utility Types
Project Management
Agile
Kanban
Scrum
Web Design & UX
Best Practices
Accessibility
Color Theory
Color Wheel
Design Systems
Fluent Design
Font Size
Line Spacing
Loading
Material Design
Mobile First
Spacing
Typography
Work Activities
Software Design
Currying
Data Structures
Functional Programming
High Order Functions
Monads
Object-Oriented Programming
Programming Paradigms
Recursion
SOLID
Testing
Best Practices
Frameworks
Jasmine
Karma
Tools
Fixtures
Spies, Mocks and Stubs
Types
BDD
End to End Testing
Integration Testing
TDD
Unit Testing
Best Practices
Best Practices in React