Construído uma aplicação frontend para interagir com uma API de Ciclos de Pagamentos utilizando tecnologias como React.js, Redux, webpack, entre outras.
Possuir uma Api de Ciclos de Pagamentos rodando;
npm run prod
gerar os arquivos estáticos na pasta ./public
;
webpack - bundler de módulos estáticos para aplicações javascript.
webpack-dev-server - servidor de desenvolvimento para ser utilizado em conjunto com webpack provendo live-reloading e muitas outras funcionalidades.
axios - promise based HTTP client para browsers e NodeJS
react - biblioteca para criar interfaces, permite criar componentes através de sua árvore de múltiplos componentes reutilizáveis.
react-dom - provê métodos para manipulação do DOM.
react-router - auxiliar para composição de rotas de aplicações react.
redux - biblioteca para controle de estado de toda a aplicação em um único objeto chamado de store, sendo os estados imutáveis e mudanças aceitas somente por funções puras. react-redux - integra o redux com o react.
redux-form - auxiliar para manipulação de estados com formulários.
redux-multi - auxiliar para disparar multiplas actions
partindo de um action creator
redux-promise - middleware para aguardar a interpretações de promises em actions.
redux-thunk - middleware para permitir retornar funções em action creators.
react-redux-toastr - implementação da biblioteca toastr
para ser utilizada em conjunto com o redux.
babel-core - transpiler de sintáxes (jsx), ES6, ES7, etc para javascript suportado nos browsers atuais.
babel-loader - loader do babel para o webpack
babel-plugin-react-html-attrs - auxiliar para permitir escrita de atributos HTML dentro de templates JSX.
babel-plugin-transform-object-rest-spread - plugin para transformar os atributos resultantes do uso do operador spread/rest ...
em objetos literais.
babel-preset-react - plugin para transformar os arquivos JSX.
babel-preset-es2015 - plugin para compilar ES6 (ES2015) para ES5
extract-text-webpack-plugin - plugin para extrair textos de bundles de css
css-loader - loader para arquivos css. interpreta @import
e url()
style-loader - loader para adicionar estilos css ao DOM. Injeta uma tag <style>
file-loader - loader para imagens, fonts, etc. Interpreta o require
e retorna a URL publica.
admin-lte - tema opensource para dashboards, utiliza bootstrap 3 e provê bastante componentes para utilização no layout.
font-awesome - biblioteca de ícones
ionicons - biblioteca de ícones
Lodash - biblioteca contendo inúmeros métodos que auxiliam na manipulação de arrays, objetos, strings, etc em javascript.
Curso React Redux - Fundamentos @Udemy
Front End Workshops - Redux Advanced @ Slideshare
Ciclo de vida do redux com middlewares