Giter VIP home page Giter VIP logo

reactjs-ciclo-pagamento-app's Introduction

Ciclo de Pagamentos em React.js

Construído uma aplicação frontend para interagir com uma API de Ciclos de Pagamentos utilizando tecnologias como React.js, Redux, webpack, entre outras.

Requisitos

Possuir uma Api de Ciclos de Pagamentos rodando;

Rodando aplicação

npm run prod gerar os arquivos estáticos na pasta ./public;

Recursos utilizados

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.

Referências

Curso React Redux - Fundamentos @Udemy
Front End Workshops - Redux Advanced @ Slideshare
Ciclo de vida do redux com middlewares

reactjs-ciclo-pagamento-app's People

Contributors

gdfreitas avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.