Please enable JavaScript.

Coggle requires JavaScript to display documents.

ReactJS - Coggle Diagram

- - - - Server Side Render
      - NextJS
- - - - Alternativa ao npm é o yarn
- - - - É para determinar quais são os bundlers que o Webpack irá emitir
    - - É para permitir que o Webpack gerencie arquivos que não são JS
    - - Utilizando grafo, o Webpack precisa de um ponto de entrada para buscar todos os módulos e dependências
    - - Podem ser utilizados para otimização de pacotes, minificação, injeção de scripts e muito mais
    - - Utilizados para abordagem de configuração zero. É possível configurar módulos como production, development ou none.
        
        Production
        
        Trás otimizações internas
      - Development
        
        É executado com 3 plugins
        
        UglifyPlugin
        
        ModuleConcayenationPlugin
        
        NoEmitOnErrorsPlugin
      - None
        
        Para quando não quiser passar nenhuma configuração
    - - "build": "webpack --mode production"
      - npm i babel/core babel-loader babel/preset-env babel/preset-react --save-dev
      - npm i -D webpack webpack-cli
    - - { "presets": [ "@babel/preset-env", "@babel/preset-react"]}
      - npm i react react-dom
      - npm i -D babel-preset-react
- - - - Para gerenciamento de estados
    - - Para criação de interface
    - - Para UI tb
    - - Criação de componentes visuais
    - - Para internacionalização