GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kentcdodds → App Dev Tools

kentcdodds / App Dev Tools

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

kcd-edu

Projects that are alternatives of or similar to App Dev Tools

babel-codemod-example
An example of how to use babel as a codemod
Stars: ✭ 24 (-76.47%)
Mutual labels:  kcd-edu
Beginners Guide To React
The Beginner's Guide To ReactJS
Stars: ✭ 354 (+247.06%)
Mutual labels:  kcd-edu
Advanced React Patterns V1
The course material for my advanced react patterns course on Egghead.io
Stars: ✭ 1,106 (+984.31%)
Mutual labels:  kcd-edu
remix-tutorial-walkthrough
I live streamed working through the Remix Jokes App Tutorial
Stars: ✭ 68 (-33.33%)
Mutual labels:  kcd-edu
Jest Cypress React Babel Webpack
Configure Jest for Testing JavaScript Applications and Install, Configure, and Script Cypress for JavaScript Web Applications on TestingJavaScript.com
Stars: ✭ 339 (+232.35%)
Mutual labels:  kcd-edu
Testing React Apps
A workshop for testing react applications
Stars: ✭ 443 (+334.31%)
Mutual labels:  kcd-edu
shallow-to-mock
www.youtube.com/watch?v=lhudxkthtm0&list=plv5cvi1encjgcrph_e6d57krutidzgs0u
Stars: ✭ 16 (-84.31%)
Mutual labels:  kcd-edu
Testing Workshop
A workshop for learning how to test JavaScript applications
Stars: ✭ 1,276 (+1150.98%)
Mutual labels:  kcd-edu
Es6 Todomvc
The vanillajs example converted to es6
Stars: ✭ 351 (+244.12%)
Mutual labels:  kcd-edu
React Performance
Let's make our apps fast ⚡
Stars: ✭ 1,035 (+914.71%)
Mutual labels:  kcd-edu
Testing Node Apps
Test Node.js Backends on TestingJavaScript.com
Stars: ✭ 279 (+173.53%)
Mutual labels:  kcd-edu
Js Testing Fundamentals
Fundamentals of Testing in JavaScript on TestingJavaScript.com
Stars: ✭ 331 (+224.51%)
Mutual labels:  kcd-edu
React Suspense
React Suspense workshop
Stars: ✭ 491 (+381.37%)
Mutual labels:  kcd-edu
babel-runtime-example
An example of how to use @babel/plugin-transform-runtime
Stars: ✭ 16 (-84.31%)
Mutual labels:  kcd-edu
10 Practical Js Features
Stars: ✭ 68 (-33.33%)
Mutual labels:  kcd-edu
why-react-hooks
Talk about React hooks
Stars: ✭ 60 (-41.18%)
Mutual labels:  kcd-edu
Stack Overflow Copy Paste
Utility functions copy/pasted (and modified slightly) from Stack Overflow
Stars: ✭ 399 (+291.18%)
Mutual labels:  kcd-edu
Simply React
Stars: ✭ 101 (-0.98%)
Mutual labels:  kcd-edu
Advanced React Hooks
Learn Advanced React Hooks workshop
Stars: ✭ 1,208 (+1084.31%)
Mutual labels:  kcd-edu
React Testing Library Course
Test React Components with Jest and React Testing Library on TestingJavaScript.com
Stars: ✭ 699 (+585.29%)
Mutual labels:  kcd-edu
View All Similar Projects ➔

App DevTools

A little demo of how you might implement custom App Developer Tools.

In this example, we're using custom DevTools to make it easy to enable/disable "feature toggles". Please note that the concept of App DevTools has WAY more applicability than just feature toggles.

Files to take a look at to learn how the feature toggles are implemented for this app:

  • public/config.js
  • public/index.html
  • src/feature-toggles.js
  • src/App.js

Once you understand how the feature toggles work, then check out how the dev tools are installed and how they allow you to interact with the feature toggles by opening src/index.js and files in src/dev-tools/.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].