https://github.com/lsiden/react-seed-app
Bare-bones React seed app using WebPack and Babel.
https://github.com/lsiden/react-seed-app
babel nodejs reactjs webpack
Last synced: 3 months ago
JSON representation
Bare-bones React seed app using WebPack and Babel.
- Host: GitHub
- URL: https://github.com/lsiden/react-seed-app
- Owner: lsiden
- License: mit
- Created: 2017-08-03T20:41:15.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-22T19:22:46.000Z (almost 9 years ago)
- Last Synced: 2025-03-16T06:16:26.717Z (over 1 year ago)
- Topics: babel, nodejs, reactjs, webpack
- Language: JavaScript
- Size: 58.6 KB
- Stars: 1
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Seed App
Bare-bones starter project for a React component using Webpack, Babel, Jest, and Enzyme.
## Description
This is a bare-bones [React](https://facebook.github.io/react/) seed app to get you started.
It is an alternative to the NPM module [create-react-app](https://github.com/facebookincubator/create-react-app)
developed by Facebook.
Like other React starter apps,
it relies on [Webpack](https://github.com/webpack/webpack)
and [Babel](https://babeljs.io/) to make it browser friendly.
It also relies on [Jest](https://facebook.github.io/jest/) and [Enzyme](https://github.com/airbnb/enzyme) for writing tests.
According to its documentation,
Facebook's *create-react-app* hides the WebPack configuration file
and other details so that developers can focus on their code.
It provides a bevy of customizable turn-key features to allow you to optimize your app
and make it compatible with a wide range of browsers and mobile platforms.
Since I'm just getting started with React,
I wanted something lightweight and transparent without a lot of opinionated "magic".
I also added support for testing with [jest](https://facebook.github.io/jest/)
and [enzyme](https://github.com/airbnb/enzyme).
These can be replaced with another set of testing tools, if you desire,
by installing other packages and updating the line '"test": "jest"' in package.json.
If I need other features and customizations (and I probably will),
I want to add and configure them myself so that I know where all the skeletons are buried.
# See
* [React Components and Properties](https://facebook.github.io/react/docs/components-and-props.html)
* [Webpack](https://webpack.github.io/)
* [Babel](https://babeljs.io/)
* [Jest](https://facebook.github.io/jest/)
* [Enzyme](https://github.com/airbnb/enzyme)
* [package.json](https://docs.npmjs.com/files/package.json)
* [Set Up a React Environment Using Webpack and Babel](https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel)