Intro
https://medium.com/by-vinicius-reis/o-que-e-react-ng2-auleria-vue-e34b0c77b5a1
https://hashnode.com/post/should-i-learn-reactjs-or-jquery-in-the-modern-web-development-now-cj4dkvtaz001mz4k9da0qc15k
https://www.freecodecamp.org/forum/t/when-should-i-use-jquery-vs-react/191356

Test
https://jsbin.com/jojefod/edit?html,js,output (https://jsbin.com/casuyeg/edit?html,js,output)

Tutos
https://github.com/ericdouglas/traduz-ai/blob/master/react/02-introducao-ao-react-para-pessoas-que-sabem-apenas-jquery.md (https://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/)
https://blog.codecasts.com.br/single-page-applications-onde-vivem-e-o-que-comem-4fc9a44f3de
https://reactforbeginners.com/
https://reactjs.org/docs/getting-started.html
https://reactjs.org/tutorial/tutorial.html
https://www.udemy.com/react-the-complete-guide-incl-redux/?couponCode=ACAD_W

Node.js e NPM:
https://www.robinwieruch.de/react-js-windows-setup/
https://www.robinwieruch.de/react-js-macos-setup/

--------

Criar um projeto React no NPM

0) Libere o proxy
No prompt (MS-DOS) - Digite cada uma das linhas separadamente:
npm config set proxy http://proxy.almg.gov.br:3128
npm config set https-proxy http://proxy.almg.gov.br:3128

--------

Ps: Sobre pastas e caminhos:
Projetos instalados de modo NÃO global (--save), ficarão na pasta 'node_modules' dentro do caminho corrente do prompt durante a instalação
Projetos instalados de modo global (-g), ficarão na pasta 'node_modules' dentro do caminho global C:\Users\<user_name>\AppData\Roaming\npm\

Exemplos:
npm install --save <projeto_name>
npm install -g <projeto_name>

--------

[Geral] Faça o download Node.js
https://nodejs.org/en/

1) Abra o Node.js Command Prompt 

1) Instalar npm, digite (globally with -g flag):
npm install npm -g
O caminho será: C:\Users\<user_name>\AppData\Roaming\npm

1) Caso queira verificar a versão, digite:
node -v
npm -v

--------

[Geral] Instale o Sass (opcional)

1) Caso queira compilar arquivos .scss, pode instale o sass (https://sass-lang.com/install) com o código:
npm install -g sass

2) Em seguida, use o código abaixo para compilar o .scss para .css
sass all.scss all.css

--------

[Geral] Instale um servidor http local (opcional)

1) Instalação (https://www.npmjs.com/package/http-server):
npm install http-server -g

2) Iniciar servidor local:
http-server C:\Users\<user_name>\AppData\Roaming\npm\node_modules\<project_name>

O endereco do servidor local será algo como (o endereco correto sera exibido ao final do passo anterior)
http://172.16.50.77:8080

--------

[React] Intale o React

1) Install your first node package (globally with -g flag):
npm install -g create-react-app
O caminho será: C:\Users\<user_name>\AppData\Roaming\npm\node_modules\create-react-app

2) Criar projeto
a) Como não é global, primeiro navegue até pasta com o comando 'cd C:\Users\<user_name>\AppData\Roaming\npm\node_modules\create-react-app' e digite:
b) create-react-app my-app

3) O React já tem serviço de servidor local específico, que inclusive compila o React para Js em tempo de execução (duvida-react-server-compile-1-de-2).
a) Navegue até o seu projeto recem criado (cd my-app) e inicie o NPM:
b) npm start

4) O navegador padrão deverá ser aberto com o endereço:
http://localhost:3000/

--------

[React] O projeto

Tomando como base que o projeto estará em 'C:\Users\<user_name>\my-app' ou simplemente <root>

1) Acesse a pasta '<root>' e localize o arquivo 'index.html'. Altere o código para:
<!DOCTYPE html>
<html>
	<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
		<title>React App</title>
	</head>
	<body>
		<noscript>You need to enable JavaScript to run this app.</noscript>
		<div id="root"></div>
	</body>
</html>

2) Acesse a pasta '<root>\src' e localize o arquivo 'App.js'. Altere o código para:
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

var divStyle = {
	textAlign: 'center',
};

class App extends Component {
	render() {
		return (
			<div className='hello-world' style={divStyle}>
				<img src={logo} className="App-logo" alt="logo" />
				<h1>Hello World</h1>
				<p>Welcome to my world</p>
			</div>
		);
	}
}

export default App;

--------

Ps: Posteriormente, esse código deve ser compilado para js que será carregado ao servidor final que não faz a interpretação em tempo de execução do React (duvida-react-server-compile-2-de-2)