kentcdodds/react-testing-library-course

Stars
1,004
Rank 45,731 (Top 1.0 %)
Language
JavaScript
License
Other
Created over 6 years ago
Updated over 1 year ago

kentcdodds/react-testing-library-course

kentcdodds

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Test React Components with Jest and React Testing Library on TestingJavaScript.com

Test React Components with Jest and React Testing Library

TestingJavaScript.com

Learn the smart, efficient way to test any JavaScript application.

Course material for testing React components using react-testing-library

react-dom.js - Render a React component for testing
jest-dom.js - Use jest-dom for improved assertions
dom-testing-library.js - Use dom-testing-library to write more maintainable React tests
react-testing-library.js - Use react-testing-library to render and test React Components
localized.js - Testing localized content with react-testing-library
state.js - Test React Component state changes with react-testing-library
prop-updates.js - Test prop updates with react-testing-library
a11y.js - Test accessibility of rendered React Components with jest-axe
dependency-injection.js - Mock HTTP Requests with Dependency Injection in React Component Tests
http-jest-mock.js - Mock HTTP Requests with jest.mock in React Component Tests
mock-component.js - Mock react-transition-group in React Component Tests with jest.mock
error-boundaries.js - Test componentDidCatch handler error boundaries with react-testing-library
tdd-markup.js - Test drive the development of a React Form with react-testing-library
tdd-functionality.js - TDD the functionality of a React Form with react-testing-library
react-router.js - Test react-router Provider history object in React Component Tests with createMemoryHistory
redux.js - Test a redux connected React Component
custom-hook.js - Test a custom hook
portals.js - Test React portals
unmounting.js - Test Unmounting a React Component with react-testing-library
app.js - Testing the full application.

Note: the setup for this project uses kcd-scripts. Don't worry about that. You can learn about how to configure jest properly in the "Configure Jest for Testing JavaScript Applications" module of TestingJavaScript.com

cross-env

🔀 Cross platform setting of environment scripts

match-sorter

Simple, expected, and deterministic best-match sorting of an array in JavaScript

advanced-react-patterns

This is the latest advanced react patterns workshop

babel-plugin-macros

🎣 Allows you to build simple compile-time libraries

react-hooks

Learn React Hooks! 🎣 ⚛

bookshelf

Build a ReactJS App workshop

kentcdodds.com

My personal website

use-deep-compare-effect

🐋 It's react's useEffect hook, except using deep comparison on the inputs, not reference equality

mdx-bundler

🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!

react-performance

Let's make our apps fast ⚡

advanced-react-patterns-v2

Created with CodeSandbox

testing-workshop

A workshop for learning how to test JavaScript applications

babel-plugin-preval

🐣 Pre-evaluate code at build-time

advanced-react-patterns-v1

The course material for my advanced react patterns course on Egghead.io

testing-react-apps

A workshop for testing react applications

kcd-scripts

CLI toolbox for common scripts for my projects

stop-runaway-react-effects

🏃 Catches situations when a react use(Layout)Effect runs repeatedly in rapid succession

netlify-shortener

Your own free URL shortener with Netlify

beginners-guide-to-react

The Beginner's Guide To ReactJS

react-suspense

React Suspense workshop

old-kentcdodds.com

Kent's Homepage

ng-stats

Little utility to show stats about your page's angular digest/watches.

dotfiles

js-testing-fundamentals

Fundamentals of Testing in JavaScript on TestingJavaScript.com

react-toggled

Component to build simple, flexible, and accessible toggle components

jest-cypress-react-babel-webpack

Configure Jest for Testing JavaScript Applications and Install, Configure, and Script Cypress for JavaScript Web Applications on TestingJavaScript.com

advanced-remix

react-testing-library-examples

Created with CodeSandbox

testing-node-apps

Test Node.js Backends on TestingJavaScript.com

es6-workshop

A very hands on 👐 workshop 💻 about ES6 and beyond.

es6-todomvc

The vanillajs example converted to es6

babel-plugin-codegen

💥 Generate code at build-time

eslint-config-kentcdodds

ESLint configuration for projects that I do... Feel free to use this!

cloc

An npm module for distributing cloc by Al Danial

asts-workshop

Improved productivity 💯 with the practical 🤓 use of the power 💪 of Abstract Syntax Trees 🌳 to lint ⚠️ and transform 🔀 your code

how-jest-mocking-works

js-mocking-fundamentals

JavaScript Mocking Fundamentals on TestingJavaScript.com

webpack-config-utils

Utilities to help your webpack config be easier to read

express-app-example

How I structure Express Apps (example repo)

dom-testing-library-with-anything

Use DOM Testing Library to test any JS framework on TestingJavaScript.com

learn-react

Learn React with a laser focused, guided approach.

the-webs-next-transition

modern-react

workshop about React's hottest new features in 16.7.0

react-jest-workshop

react-github-profile

react-ava-workshop

🐯 A workshop repository for testing React ⚛ with AVA 🚀 --> slides

api-check

VanillaJS version of ReactJS propTypes

starwars-names

Get a random Star Wars name

import-all.macro

A babel-macro that allows you to import all files that match a glob

remix-todomvc

An Implementation of TodoMVC with Remix

rtl-css-js

RTL for CSS in JS

react-workshop-app

An abstraction for all my React workshops

generator-kcd-oss

A yeoman generator for my open source modules

remix-workshop

issue-template

A way for github projects to make templates for github issues.

react-hooks-and-suspense-egghead-playlist

This is the code for the egghead playlist "React Hooks and Suspense"

modern-javascript

Get up to speed on the latest, most useful JavaScript features to level up your programming

kcd-discord-bot-v1

The bot for the KCD discord community

app-dev-tools

An example of how to create and hook up App DevTools to improve your development productivity of your application

preval.macro

Pre-evaluate code at build-time with babel-macros

split-guide

A tool to help generate code for workshop repositories

kcd-learning-clubs-ideas

📍 Ideas for curriculum and schedule templates for KCD Learning Clubs

simply-react

nps-utils

Utilities for http://npm.im/nps (npm-package-scripts)

glamorous-website

This is still a work in progress

jest-glamor-react

Jest utilities for Glamor and React

react-hooks-pitfalls

The slides and code examples for my talk "React Hook Pitfalls"

webpack-validator-DEPRECATED

Use this to save yourself some time when working on a webpack configuration.

onewheel-blog

remix-tutorial-walkthrough

I live streamed working through the Remix Jokes App Tutorial

rebase-and-merge

Making this a reality ☞

managing-state-management-slides

css-in-js-precompiler

WORK IN PROGRESS: Precompiles CSS-in-JS objects to CSS strings

create-react-app-react-testing-library-example

10-practical-js-features

rename-gh-to-main

full-stack-components

fakebooks-remix

The Remix version of the fakebooks app demonstrated on https://remix.run. Check out the CRA version: https://github.com/kentcdodds/fakebooks-cra

cypress-testing-workshop

A workshop for learning how to write cypress tests

prettier-eslint-atom

DEPRECATED IN FAVOR OF prettier-atom + ESLint integration

repeat-todo

A simple app I made for my wife

why-react-hooks

Talk about React hooks

codegen.macro

talks

A repo with links to talks that I've given

quick-stack

binode

airtable-netlify-short-urls

There's a simpler version using Netlify redirects instead of Airtable here

fully-typed-web-apps-demo

argv-set-env

Set environment variables in npm scripts

react-test-context-provider

A function that allows you to specify context to pass to a child component (intended for testing only).

concurrent-react

React Suspense Egghead course

incremental-react-router-to-remix-upgrade-path

remix-mdx

setup-prettier

podcastify-dir

Take a directory of audio files and syndicate them with an rss feed

aha-programming-slides

workshop-setup

Verify and setup a repository for workshop attendees

jest-esmodules

typing-for-kids

A little app I made for my kids for Christmas :)

react-suspense-simple-example