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 → elios264 → React Starter

elios264 / React Starter

React Starter repository: cache bursting, css extraction, production, hot, react, redux, router, babel, eslint, jsx, webpack 3, editorconfig

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxbabelroutereslintwebpack3

Projects that are alternatives of or similar to React Starter

Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+336.36%)
Mutual labels:  webpack3, eslint, babel
Eslint Plugin Babel
An ESlint rule plugin companion to babel-eslint
Stars: ✭ 391 (+1084.85%)
Mutual labels:  eslint, babel
Apollo Upload Examples
A full stack demo of file uploads via GraphQL mutations using Apollo Server and apollo-upload-client.
Stars: ✭ 358 (+984.85%)
Mutual labels:  eslint, babel
Skyvow.github.io
🐶 My resume - 个人简历
Stars: ✭ 27 (-18.18%)
Mutual labels:  eslint, babel
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+56648.48%)
Mutual labels:  eslint, babel
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+969.7%)
Mutual labels:  eslint, babel
Opensource
Delivering delightful digital solutions. Open Source packages with combined ~85M/month downloads, semantically versioned following @conventional-commits. Fully powered by Jest, @Babel TypeScript, @Airbnb @ESLint + @Prettier, @YarnPKG + @Lerna independent versioning, GH @Actions & automated dep updates with @RenovateBot.
Stars: ✭ 459 (+1290.91%)
Mutual labels:  eslint, babel
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (+803.03%)
Mutual labels:  eslint, babel
Serverless Typescript Starter
🗄🙅‍♀️ Deploy your next serverless JavaScript function in seconds
Stars: ✭ 653 (+1878.79%)
Mutual labels:  eslint, babel
That React App You Want
That react app you always wanted: [email protected], [email protected], postCSS, purifycss, dll's and code splitting examples, bregh. Highly opinionated but you better like it.
Stars: ✭ 27 (-18.18%)
Mutual labels:  webpack3, babel
React Isomorphic Boilerplate
🌟 An universal React isomorphic boilerplate for building server-side render web app.
Stars: ✭ 653 (+1878.79%)
Mutual labels:  eslint, babel
Next Shopify Storefront
🛍 A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.
Stars: ✭ 317 (+860.61%)
Mutual labels:  eslint, babel
Web Configs
Common configurations for building web apps at Shopify
Stars: ✭ 302 (+815.15%)
Mutual labels:  eslint, babel
Webpack React Boilerplate
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
Stars: ✭ 358 (+984.85%)
Mutual labels:  eslint, babel
Eslint Config Auto
Automatically configure ESLint based on project dependencies
Stars: ✭ 302 (+815.15%)
Mutual labels:  eslint, babel
Sku
Front-end development toolkit
Stars: ✭ 403 (+1121.21%)
Mutual labels:  eslint, babel
React Express Fullstack
Full stack (mostly unopinionated) starter pack with React+Redux and Expressjs
Stars: ✭ 23 (-30.3%)
Mutual labels:  eslint, babel
Babel Eslint
🗼 A wrapper for Babel's parser used for ESLint (renamed to @babel/eslint-parser)
Stars: ✭ 2,966 (+8887.88%)
Mutual labels:  eslint, babel
React Redux Sass Starter
Everything you need to get started with a basic React application
Stars: ✭ 293 (+787.88%)
Mutual labels:  eslint, babel
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+1781.82%)
Mutual labels:  eslint, babel
View All Similar Projects ➔

Simple React-starter

  • install node
  • npm install
  • copy env.template.json to env.json, and update vars appropriately,
    • SERVER_URL if not preset will use the url from where its being served.
  • npm start -> to start dev server (fetches changes in source code), leave it running while coding
  • make code changes & test in dev server
  • npm run build -> generates bundled code & css to be served by the netcore app in the dist folder
  • npm run start:prod -> to start server testing the prod version
  • commit & push

Recommendations

Use Visual studio code and install the following extensions:

  • Code Spell Checker
  • EditorConfig for VS Code
  • ESLint

The last 2 are necessary to ensure line breaks are LF, and eslint lets you compile

Features

  • Cache bursting
  • Css extraction
  • Production (css & js minification with babili)
  • Hot reload
  • React,
  • Redux,
  • React-Router
  • Babel
  • Eslint
  • Webpack 3,
  • Editorconfig
  • npm 5 witch package-lock.json
  • Hooks
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].