<commit_before># Modern JavaScript Stack Training

Welcome to my modern JavaScript stack tutorial. This is a minimalistic and straight to the point guide to building a modern Front-End stack **from scratch**, with some bits of Back-End as well. The goal is to take you from zero to knowing how to setup **ES6, Babel, Gulp, ESLint, React, Webpack**. It requires some general programming knowledge, and JavaScript basics.

A lot of React tutorials completely skip the setup part, which makes newcomers build their learning on weak foundations. Instead of giving beginners a "black box" configuration, the approach I'm taking here is to teach the foundations in the simplest possible way, so you understand what happens in the entire stack of tools.

Code examples are available for each section, and you can run them all with `npm start` (see section 1). I recommend writing everything from scratch yourself for a better understanding.

[1 - Node, NPM, and package.json](/1-npm-and-package-json)

[2 - Installing and using an NPM package](/2-packages)

[3 - Setting up ES6 with Babel and Gulp](/3-es6-babel-gulp)

[4 - Using the ES6 syntax with a class](/4-es6-syntax-class)

[5 - The ES6 modules syntax](/5-es6-modules-syntax)

[6 - ESLint](/6-eslint)

[7 - Client app with Browserify](/7-client-browserify)

[8 - React](/8-react)

[9 - Webpack](/9-webpack)<commit_msg>Added instruction for npm install on TOC<commit_after># Modern JavaScript Stack Training

Welcome to my modern JavaScript stack tutorial. This is a minimalistic and straight to the point guide to building a modern Front-End stack **from scratch**, with some bits of Back-End as well. The goal is to take you from zero to knowing how to setup **ES6, Babel, Gulp, ESLint, React, Webpack**. It requires some general programming knowledge, and JavaScript basics.

A lot of React tutorials completely skip the setup part, which makes newcomers build their learning on weak foundations. Instead of giving beginners a "black box" configuration, the approach I'm taking here is to teach the foundations in the simplest possible way, so you understand what happens in the entire stack of tools.

Code examples are available for each section, and you can run them all with `npm install && npm start` (see section 1). I recommend writing everything from scratch yourself for a better understanding.

[1 - Node, NPM, and package.json](/1-npm-and-package-json)

[2 - Installing and using an NPM package](/2-packages)

[3 - Setting up ES6 with Babel and Gulp](/3-es6-babel-gulp)

[4 - Using the ES6 syntax with a class](/4-es6-syntax-class)

[5 - The ES6 modules syntax](/5-es6-modules-syntax)

[6 - ESLint](/6-eslint)

[7 - Client app with Browserify](/7-client-browserify)

[8 - React](/8-react)

[9 - Webpack](/9-webpack)
{'fraction_non_alphanumeric': 0.08423326133909287, 'fraction_numerical': 0.018718502519798418, 'mean_word_length': 4.243396226415094, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '277324', 'n_tokens_mistral': 799, 'n_tokens_neox': 765, 'n_words': 391}