A hands-on React project focused on testing and debugging best practices. Includes examples of unit tests, snapshot testing with Jest, debugging techniques, ESLint optimization, and type checking with Flow. Great for learning and practicing robust React development workflows.
- Unit and snapshot testing with Jest
- Debugging with React Developer Tools and Chrome DevTools
- Code linting with ESLint
- Type checking with Flow
- Example React components and test files
Install dependencies:
npm install
Start the development server:
npm start
Run tests:
npm test
Build for production:
npm run build
- Run
npm test
to launch the test runner in watch mode. - Snapshot tests are included for key components.
- Use Chrome DevTools or install React Developer Tools for advanced debugging.
- To launch standalone React DevTools:
npx react-devtools
- Lint your code with ESLint:
npm run lint
(if configured) - Type check with Flow:
npx flow
(if configured)
- Create React App Documentation
- React Documentation
- Jest Documentation
- ESLint Documentation
- Flow Documentation
Happy coding and testing!