https://github.com/helderberto/react-lessons

📘 Study: About React.JS and your universe.
https://github.com/helderberto/react-lessons

react reactjs studying webpack webpackdevserver

Last synced: 3 months ago
JSON representation

📘 Study: About React.JS and your universe.

• Host: GitHub
• URL: https://github.com/helderberto/react-lessons
• Owner: helderberto
• License: mit
• Created: 2018-02-24T12:44:32.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-28T15:08:52.000Z (over 7 years ago)
• Last Synced: 2025-01-24T10:27:59.770Z (5 months ago)
• Topics: react, reactjs, studying, webpack, webpackdevserver
• Language: JavaScript
• Homepage: https://reactjs.org
• Size: 132 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Estudos sobre a biblioteca ReactJS e o seu universo

Repositório voltado aos estudos da biblioteca ReactJS criada pelo facebook.

## Requisitos

* [NodeJS](https://nodejs.org/en).

## Guias

* [Documentação React](https://reactjs.org/docs);

* [Curso Egghead](https://egghead.io/courses/the-beginner-s-guide-to-reactjs).

# Aulas

## Módulo 01 - Parte I

* __Sobre a biblioteca ReactJS:__

  * [Descrição](lessons/m01/sobre-biblioteca-reactjs.md#descrição);

  * [Convenções](lessons/m01/sobre-biblioteca-reactjs.md#convenções);

  * [Quando não utilizar](lessons/m01/sobre-biblioteca-reactjs.md#quando-não-utilizar);

  * [Problemas que resolve](lessons/m01/sobre-biblioteca-reactjs.md#problemas-que-resolve);

  * [Observações](lessons/m01/sobre-biblioteca-reactjs.md#observações);

  * [Documentação](https://reactjs.org/docs).

* __Babel Compilador:__

  * [Descrição](lessons/m01/babel-compilador.md#descrição);

  * [Instalação](lessons/m01/babel-compilador.md#instalação);

  * [Presets](lessons/m01/babel-compilador.md#presets);

  * [Configuração](lessons/m01/babel-compilador.md#configuração);

  * [Documentação](https://babeljs.io).

* __Conheçendo Componentes:__

  * [Descrição](lessons/m01/conhecendo-componentes.md#descrição);

  * [Convenções](lessons/m01/conhecendo-componentes.md#convenções);

  * [Documentação](https://reactjs.org/docs/components-and-props.html).

---

## Módulo 01 - Parte I (React + Webpack)

* __Webpack:__

  * [Descrição](lessons/m01/webpack.md#descrição);

  * [Instalação](lessons/m01/webpack.md#instalação);

  * [Configuração](lessons/m01/webpack.md#configuração);

  * [Módulos](lessons/m01/webpack.md#módulos);

  * [Sourcemaps](lessons/m01/webpack.md#sourcemaps);

  * [Documentação](https://webpack.js.org/concepts).

* __Webpack Dev Server:__

  * [Descrição](lessons/m01/webpack-dev-server.md#descrição);

  * [Instalação](lessons/m01/webpack-dev-server.md#instalação);

  * [Configuração](lessons/m01/webpack-dev-server.md#configuração);

  * [Documentação](https://github.com/webpack/webpack-dev-server).

* __React Hot Loader:__

  * [Descrição](lessons/m01/react-hot-loader.md#descrição);

  * [Instalação](lessons/m01/react-hot-loader.md#instalação);

  * [Configuração](lessons/m01/react-hot-loader.md#configuração);

  * [Documentação](http://gaearon.github.io/react-hot-loader/).

* __JavaScript Standard Style:__

  * [Descrição](lessons/m01/javascript-standard-style.md#descrição);

  * [Instalação](lessons/m01/javascript-standard-style.md#instalação);

  * [Configuração](lessons/m01/javascript-standard-style.md#configuração);

  * [Regras](lessons/m01/javascript-standard-style.md#regras);

  * [Documentação](https://standardjs.com/).

---

## Módulo 01 - Parte II

* __Componentes Lifecycle:__

  * [render](lessons/m01/componentes-lifecycle.md#render);

  * __Montagem / desmontagem de componentes__

    * [componentWillMount](lessons/m01/componentes-lifecycle.md#componentwillmount);

    * [componentDidMount](lessons/m01/componentes-lifecycle.md#componentdidmount);

    * [componentWillUnmount](lessons/m01/componentes-lifecycle.md#componentwillunmount).

  * __Atualização de componentes__

    * [componentWillReceiveProps](lessons/m01/componentes-lifecycle.md#componentwillreceiveprops);

    * [shouldComponentUpdate](lessons/m01/componentes-lifecycle.md#shouldcomponentupdate);

    * [componentWillUpdate](lessons/m01/componentes-lifecycle.md#componentwillupdate);

    * [componentDidUpdate](lessons/m01/componentes-lifecycle.md#componentdidupdate).

  * [Documentação](https://reactjs.org/docs/state-and-lifecycle.html).

* __Prop Types:__

  * [Descrição](lessons/m01/componentes-proptypes.md#descrição);

  * [Instalação](lessons/m01/componentes-proptypes.md#instalação);

  * [Documentação](https://reactjs.org/docs/typechecking-with-proptypes.html#proptypes).

---

## Licença

Este projeto está licenciado sob a licença MIT - veja o arquivo [LICENSE](LICENSE) para obter detalhes.