Starter application that uses the following technologies: * React * React Router * Flux * Node * Webpack * Bootstrap

Lego Starter Kit — Node.js & React isomorphic app creator (Node.js, Express, React.js, Babel, PostCSS, Webpack)

A starter kit for React + Redux web apps. Includes webpack, babel, react-router-redux, testing tooling and more.

GraphQL Java Starter Kit — GraphQL Java app boilerplate for Server with React JavaScript code for Mobile and Web, stack: Java, Spring, Apollo, GraphQL, React 16, React Native, Expo, Express, SQLite, Twitter Bootstrap, Babel, Webpack

C:\Users\USER>mkdir aliabang C:\Users\USER>cd aliabang C:\Users\USER\aliabang>npm Usage: npm <command> where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci, cit, clean-install, clean-install-test, completion, config, create, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, explore, fund, get, help, help-search, hook, i, init, install, install-ci-test, install-test, it, link, list, ln, login, logout, ls, org, outdated, owner, pack, ping, prefix, profile, prune, publish, rb, rebuild, repo, restart, root, run, run-script, s, se, search, set, shrinkwrap, star, stars, start, stop, t, team, test, token, tst, un, uninstall, unpublish, unstar, up, update, v, version, view, whoami npm <command> -h quick help on <command> npm -l display full usage info npm help <term> search for help on <term> npm help npm involved overview Specify configs in the ini-formatted file: C:\Users\USER\.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.10 C:\Program Files\nodejs\node_modules\npm C:\Users\USER\aliabang>nvm --v 'nvm' is not recognized as an internal or external command, operable program or batch file. C:\Users\USER\aliabang>npm install -g ionic npm WARN deprecated ionic@5.4.16: The Ionic CLI now uses ✨ @ionic/cli ✨ for its package name! 👉 https://twitter.com/ionicframework/status/1223268498362851330 C:\Users\USER\AppData\Roaming\npm\ionic -> C:\Users\USER\AppData\Roaming\npm\node_modules\ionic\bin\ionic + ionic@5.4.16 added 225 packages from 149 contributors in 74.601s C:\Users\USER\aliabang>ionic start aliabang tabs Pick a framework! Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the --type option. ? Framework: React √ Preparing directory .\aliabang - done! √ Downloading and extracting tabs starter - done! Installing dependencies may take several minutes. ────────────────────────────────────────────────────────────────────────────── Ionic Advisory, tailored solutions and expert services by Ionic Go to market faster Real-time troubleshooting and guidance Custom training, best practices, code and architecture reviews Customized strategies for every phase of the development lifecycle Learn more: https://ion.link/advisory ────────────────────────────────────────────────────────────────────────────── > npm.cmd i npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN deprecated har-validator@5.1.5: this library is no longer supported > core-js@2.6.12 postinstall C:\Users\USER\aliabang\aliabang\node_modules\babel-runtime\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) > core-js@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" > core-js-pure@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js-pure > node -e "try{require('./postinstall')}catch(e){}" > ejs@2.7.4 postinstall C:\Users\USER\aliabang\aliabang\node_modules\ejs > node ./postinstall.js Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/) npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.3 (node_modules\react-scripts\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\watchpack-chokidar2\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1858 packages from 804 contributors and audited 1876 packages in 167.119s 126 packages are looking for funding run `npm fund` for details found 0 vulnerabilities [INFO] Next Steps: - Go to your newly created project: cd .\aliabang - Run ionic serve within the app directory to see your app - Build features and components: https://ion.link/scaffolding-docs - Run your app on a hardware or virtual device: https://ion.link/running-docs C:\Users\USER\aliabang>cd aliabang C:\Users\USER\aliabang\aliabang>ionic serve > react-scripts.cmd start [react-scripts] i ｢wds｣: Project is running at http://192.168.43.143/ [react-scripts] i ｢wds｣: webpack output is served from [react-scripts] i ｢wds｣: Content not from webpack is served from C:\Users\USER\aliabang\aliabang\public [react-scripts] i ｢wds｣: 404s will fallback to / [react-scripts] Starting the development server... [react-scripts] [react-scripts] You can now view aliabang in the browser. [react-scripts] Local: http://localhost:8100 [react-scripts] On Your Network: http://192.168.43.143:8100 [react-scripts] Note that the development build is not optimized. [react-scripts] To create a production build, use npm run build. [INFO] Development server running! Local: http://localhost:8100 Use Ctrl+C to quit this process [INFO] Browser window opened to http://localhost:8100!

:boom: a quick and simple React app starter with Webpack and Babel!

React Starter - web app boilerplate (React, Webpack, Babel, React Router, Code Splitting, Styled Components, Jest, Enzyme)

C:\Users\USER>mkdir aliabang C:\Users\USER>cd aliabang C:\Users\USER\aliabang>npm Usage: npm <command> where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci, cit, clean-install, clean-install-test, completion, config, create, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, explore, fund, get, help, help-search, hook, i, init, install, install-ci-test, install-test, it, link, list, ln, login, logout, ls, org, outdated, owner, pack, ping, prefix, profile, prune, publish, rb, rebuild, repo, restart, root, run, run-script, s, se, search, set, shrinkwrap, star, stars, start, stop, t, team, test, token, tst, un, uninstall, unpublish, unstar, up, update, v, version, view, whoami npm <command> -h quick help on <command> npm -l display full usage info npm help <term> search for help on <term> npm help npm involved overview Specify configs in the ini-formatted file: C:\Users\USER.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.10 C:\Program Files\nodejs\node_modules\npm C:\Users\USER\aliabang>nvm --v 'nvm' is not recognized as an internal or external command, operable program or batch file. C:\Users\USER\aliabang>npm install -g ionic npm WARN deprecated ionic@5.4.16: The Ionic CLI now uses ✨ @ionic/cli ✨ for its package name! 👉 https://twitter.com/ionicframework/status/1223268498362851330 C:\Users\USER\AppData\Roaming\npm\ionic -> C:\Users\USER\AppData\Roaming\npm\node_modules\ionic\bin\ionic + ionic@5.4.16 added 225 packages from 149 contributors in 74.601s C:\Users\USER\aliabang>ionic start aliabang tabs Pick a framework! Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for the --type option. ? Framework: React √ Preparing directory .\aliabang - done! √ Downloading and extracting tabs starter - done! Installing dependencies may take several minutes. ────────────────────────────────────────────────────────────────────────────── Ionic Advisory, tailored solutions and expert services by Ionic Go to market faster Real-time troubleshooting and guidance Custom training, best practices, code and architecture reviews Customized strategies for every phase of the development lifecycle Learn more: https://ion.link/advisory ────────────────────────────────────────────────────────────────────────────── > npm.cmd i npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN deprecated har-validator@5.1.5: this library is no longer supported > core-js@2.6.12 postinstall C:\Users\USER\aliabang\aliabang\node_modules\babel-runtime\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) > core-js@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" > core-js-pure@3.8.3 postinstall C:\Users\USER\aliabang\aliabang\node_modules\core-js-pure > node -e "try{require('./postinstall')}catch(e){}" > ejs@2.7.4 postinstall C:\Users\USER\aliabang\aliabang\node_modules\ejs > node ./postinstall.js Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/) npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.3 (node_modules\react-scripts\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\watchpack-chokidar2\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1858 packages from 804 contributors and audited 1876 packages in 167.119s 126 packages are looking for funding run npm fund for details found 0 vulnerabilities [INFO] Next Steps: - Go to your newly created project: cd .\aliabang - Run ionic serve within the app directory to see your app - Build features and components: https://ion.link/scaffolding-docs - Run your app on a hardware or virtual device: https://ion.link/running-docs C:\Users\USER\aliabang>cd aliabang C:\Users\USER\aliabang\aliabang>ionic serve > react-scripts.cmd start [react-scripts] i ｢wds｣: Project is running at http://192.168.43.143/ [react-scripts] i ｢wds｣: webpack output is served from [react-scripts] i ｢wds｣: Content not from webpack is served from C:\Users\USER\aliabang\aliabang\public [react-scripts] i ｢wds｣: 404s will fallback to / [react-scripts] Starting the development server... [react-scripts] [react-scripts] You can now view aliabang in the browser. [react-scripts] Local: http://localhost:8100 [react-scripts] On Your Network: http://192.168.43.143:8100 [react-scripts] Note that the development build is not optimized. [react-scripts] To create a production build, use npm run build. [INFO] Development server running! Local: http://localhost:8100 Use Ctrl+C to quit this process [INFO] Browser window opened to http://localhost:8100!

Simple React starter app using Babel, Express, and Webpack

starter React app with babel and webpack

React For Beginners — ReactForBeginners.com Starter files for the React For Beginners course. Come Learn React with me! The code in this repo meant to be a reference point for anyone following along with the video course. To Start Note - one of the dependencies is currently not working with Node.js 10.3, please use version 9.11.1 (or around that, 8.x and 9.x should work fine) until then. cd into catch-of-the-day and follow along with the videos Each numbered folder in stepped-solutions contains the files for the beginning of each correspondingly numbered video, should you need them. So, if you need any code, pull the appropriate file into your catch-of-the-day folder. You are welcome to submit Pull Requests but I'd like to keep the code as similar as possible to the course content. Code Use You are welcome to use this code in your own applications. If you would like to use it for training purposes, please shoot me a message first to make sure it's okay. Frequently Asked Questions ❓ I'm getting error "Pre-built binaries not found for grpc@1.10.1 and node@10.3.0" and "Tried to download(403): https://storage.googleapis.com....." One of the dependencies is currently not working with Node.js 10.3, please use version 9.11.1 (or around that, 8.x and 9.x should work fine) until then. Don't sweat this as it's just build tooling and isn't related to the version of react you are using. ❓ I tried installing the Babel syntax highlighter but it didn't work! There are a few possible options: If you are on Sublime Text 2, you should Upgrade to Sublime Text 3. Some users have reported restarting works You can try the JavaScript Next syntax highlighter instead ❓ I can't set Babel as the default syntax highlighter! Make sure you are in a file with the extension of .js before you do this step - you can't set the default for a file without having a file open! ❓ I can't see the React tab in my dev tools Restart your dev tools or your chrome browser entirely. They will only show up when you are viewing a React app - so make sure you test it on Facebook or another website that is running React. It won't work on your empty main.js file until you import React from 'react'. ❓ npm start doesn't update the app on file save, or doesn't run correctly. There may be a few different causes for this: Webpack currently can't handle folder/file names that contain parentheses. Webpack also has problems running inside folders for Dropbox/Google Drive type services. Git is recommended for keeping your files in sync across multiple computers. Changes In the 2018 RE-Record In March 2018 I re-recorded this course. Here are the things that I've updated. Upgrade to React Router 4 Final API Use React 16.3 Move to external PropTypes Package Use React's new Refs API, remove function refs Remove all use of constructors and super() - use class properties instead Better explain binding, use of this and component instances Moved from React-addons-css-transition-group to react-transition-group and upgraded from 1.x to 2.x Use official Firebase package for Auth as re-base is now only for data binding Move promise based code to async/await Show how to return multiple elements with React.Fragment htaccess Here is the .htaccess file we use in the apache deployment video RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]

A starter kit for React/Redux/Saga/Webpack/Babel app. Inspired by https://github.com/catalin-luntraru/redux-minimal

Starter app using react, webpack, babel (transpiler), typescript (type-checker), ESLint, Jest

React Starter Application — web app boilerplate (Node.js, React.js, Redux (Ducks), Babel, Webpack, Jest)

A starter kit for React + Redux web apps. Includes webpack, babel, react-router-redux, testing tooling and more.

A minimal React app starter template built from scratch using Webpack and Babel. Includes a basic configuration for rapid development and production-ready builds. Perfect for understanding React setup without Create React App.

[DEPRECATED] Simple starter kit for building web apps using React, Redux, React Router and Bootstrap - Sass. Webpack, Babel, ESLint, Jest and Enzyme are preconfigured so you can focus on writing code.

No description available

react starter app with webpack and babel

React Starter App - setup with webpack and babel

Starter for basic react, babel, and webpack app

Simple React starter app with Webpack and Babel

React app with typescript, webpack, babel starter template

Starter boilerplate for React apps with Webpack/Babel

Simple React Webpack Babel Spring Boot Starter App

A React starter app made with webpack & babel

Starter App for React, utilizes Webpack, Babel, React-Bootstrap, React-Scripts

Starter app for React, Babel, and Webpack on Glitch

React Starter Kit — isomorphic web app boilerplate (React.js, Babel, Webpack)

A starter React JS app configured with webpack and babel