kentcdodds/express-app-example

Stars
261
Rank 156,630 (Top 4 %)
Language
JavaScript
Created over 4 years ago
Updated over 1 year ago

kentcdodds/express-app-example

kentcdodds

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

How I structure Express Apps (example repo)

Express App Example

This gives a basic idea of the dev and build tools and scripts I use for my medium sized node apps. For small apps, I'd probably follow the same tooling setup, but I'd put everything in a single file.

Learn more from my post about this here: How I structure Express apps

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

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