Git Product home page Git Product logo

react-starter's Introduction

react-starter

Simple react.js starter project based off of Andrew Farmer's excellent tutorial. I recommend you check it out if any of the source files here are confusing to you. I've made a few changes to convert some of the source to ES6 that the original tutorial had written in ES5.

Usage

Start the development server with this command:

npm start

Setup

npm install

Compile

npm run compile

Left To Do

  1. Set up another repo with more common functionality added: HMR, CSS processor, Routing, Redux, Server Rendering, Database (Mongo) connectivity, Image sizing processor.
  2. Implement HMR (Hot Module Replacement). Auto page refresh is great, but it loses state on deep routes. HMR doesn't, because it's only replacing the modules that have changed, and it's doing it dynamically, keeping all your other, existing JS objects untouched.
  3. Needs LESS support. Working with straight CSS is painful after you've worked with LESS or SASS.
  4. Needs routing support. I'm surprised this wasn't included in this bare-bones template. Any app without it is pretty useless.
  5. Separation of concerns. The application should have some logical splits across files. The single main.js file here isn't sufficient for a real application.

react-starter's People

Contributors

wsrast avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.