Displaying 1 to 11 from 11 results

advanced-react-patterns-v2 - Created with CodeSandbox

  •    Javascript

👋 hi there! My name is Kent C. Dodds! This is a workshop repo to teach you about using React Component Patterns to make your react components more useful and reusable without sacrificing simplicity. If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

dist-flow-example - An example of how to distribute flow types for modules transpiled with babel and modules bundled with rollup

  •    Javascript

This is just an example that shows how to distribute flow types for modules which use babel and/or rollup. In this example, we have src/browser-module and src/node-module to demonstrate each. The rollup example could use the flow gen-flow-files command except it suffers from this issue. So instead, you can forward all exports in a file with the same name with .flow. See the output in the dist directory and the scripts in the package.json. I created this for this blog post where I talk about doing this for my project paypal-scripts.

babel-plugin-macros-example - An example of how you might make a babel-plugin-macros macro repo

  •    Javascript

This is a simple example of a babel-plugin-macros macro.

learn-react - Learn React with a laser focused, guided approach.

  •    Javascript

If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux. You may be able to work through the entire workshop in the browser. Go to this codesandbox and you should be good to go. (Note: there are a few exercises in the intro folder which you won't be able to run in codesandbox, but don't require installing any dependencies).




setup-prettier

  •    Javascript

An example of how to setup prettier in a project

shallow-to-mock

  •    Javascript

Example of migrating from shallow rendering to a mock

jest-cypress-react-babel-webpack - See how to configure Jest and Cypress with React, Babel, and Webpack

  •    Javascript

Note: This project is intentionally over-engineered. The application itself is very simple, but the tooling around it is pretty complicated. The goal is to show what configuration would be like for a large real-world application without having all the extra complexities of a real-world application.

js-mocking-fundamentals

  •    Javascript

In this material, we have a set of no-framework tests that correspond to a set of jest tests (in the __tests__ directory). The idea is that (with the exception of the first test), you look at the jest version first, then see how that would be implemented without a testing framework. The files are intended to test the thumb-war.js module and mock the utils module.


js-testing-fundamentals

  •    Javascript

The files are intended to test the math module. To run the files, run node lessons/<lesson-filename>.js.

babel-runtime-example - An example of how to use @babel/plugin-transform-runtime

  •    Javascript

An example of how to use @babel/plugin-transform-runtime

codegen-vs-preval-vs-macros - A comparison of the babel plugins codegen, preval, and macros

  •    Javascript

A comparison of the babel plugins codegen, preval, and macros