Bootcamp
Search…
Bootcamp
Welcome to Bootcamp!
🛠
Logistics
📚
General Reference
🏞
Projects
0: Language and Tooling
1: Frontend Basics
🌈
CSS
2: Backend Basics
3: Backend Applications
4: Backend Structure
5: Full-Stack Applications
6: Frontend Infrastructure
7: React
8: Advanced React
8.0: Module 8 Overview
8.1: Create React App
8.2: Higher-Order Components
8.3: Advanced State
8.4: React Router
8.5: Advanced useEffect
8.6: Component Styling
8.7: React Portals
8.8: React NPM Packages
8.9: React State Management
8.ICE: In-Class Exercises
8.POCE: Post-Class Exercises
9: Advanced Topics
🧮
Algorithms
💼
Interview Prep
☺
User Experience
Powered By
GitBook
8.0: Module 8 Overview
React Infrastructure
Use Create React App and hook it into a backend we create.
Add data control with Context.
Refactor and reuse wrapper components with Higher-Order components:
Detect Mobile Device HOC - for mobile device compass widget
React Router - Deep linking into React
Advanced usage of useEffect with setInterval
Use CSS inside a component with Styled Components - CSS Modules, SASS and css classes.
Use React Portals to set buttons outside the app.
Use NPM library components to integrate APIs and / or complex UIs into your app:
file upload :
https://www.npmtrends.com/filedrop-vs-filestack-js-vs-fine-uploader-vs-react-dropzone-vs-resumablejs-vs-uppy
upload: react dropzone:
https://www.npmjs.com/package/react-dropzone
calendar date range picking
drag and drop - array / todo list ordering
type ahead
google maps - list of points / locations
Previous
8: Advanced React
Next
8.1: Create React App
Last modified
27d ago
Copy link