This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
pre-bp with all
npm packages installed. Try it out:
pre-bp lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
very small single-page app boilerplate - only 15kb gzipped
live example - https://pre-bp.github.io/
What's Included "the good stuff"
React is great, but it's bigger than it needs to be to start a project.
git clone <THIS REPOSITORY> (rm -rf .git && git init) # begin a new commit history for your project yarn init # rename the node module for your project # or npm init yarn install # Install dependencies # or npm install yarn start # start the development server # or npm start
After the node modules are installed, run the development server.
Open your browser to http://localhost:8080 to view the app. Open the console to see logging. The page will refreh automatically if you update any code in the
/src folder thanks to the
--inline option of webpack-dev-server.
See information about the components in your browsers inspector with react-devtools. Available for Chrome and Firefox.
Replay your actions in development with redux-devtools-extension. Available for Chrome, Firefox, and Electron.
Build a release for production with
yarn build # or npm build
which will display the gzipped size of the build.
Analyze the size of the code and dependecies (pre-compressed) with
yarn size:imports # or npm size:imports
pre-bp makes it simple to switch to react later if you want, but if you are just looking for compatibilty with other react packages, try using preact-compat (see aliasing).