Skip to content

A hands-on React project showcasing best practices in testing and debugging. Features unit and snapshot testing with Jest, debugging with React and Chrome DevTools, ESLint for code quality, and type checking using Flow.

Notifications You must be signed in to change notification settings

Swetasmita/react-testing-debugging

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Testing and Debugging Course

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.

🚀 Features

  • 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

📦 Getting Started

Install dependencies:

npm install

Start the development server:

npm start

Run tests:

npm test

Build for production:

npm run build

🧪 Testing

  • Run npm test to launch the test runner in watch mode.
  • Snapshot tests are included for key components.

🛠️ Debugging

  • Use Chrome DevTools or install React Developer Tools for advanced debugging.
  • To launch standalone React DevTools:
    npx react-devtools

🧹 Linting & Type Checking

  • Lint your code with ESLint: npm run lint (if configured)
  • Type check with Flow: npx flow (if configured)

📚 Learn More


Happy coding and testing!

About

A hands-on React project showcasing best practices in testing and debugging. Features unit and snapshot testing with Jest, debugging with React and Chrome DevTools, ESLint for code quality, and type checking using Flow.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published