kentcdodds/react-ava-workshop

Stars
192
Rank 202,019 (Top 4 %)
Language
JavaScript
License
MIT License
Created almost 9 years ago
Updated almost 4 years ago

kentcdodds/react-ava-workshop

kentcdodds

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

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

React + AVA = ❤️

Find slides here

This is a workshop for learning how to use the ava testing framework with React.

The master branch (what you're looking at now) is the finished version. If you'd like to follow along the INSTRUCTIONS.md, then checkout the branch called start.

Good luck!

LICENSE

MIT

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

react-testing-library-course

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

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

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