cmilfont

Palestrante

Christiano Milfont

https://twitter.com/cmilfont

https://www.linkedin.com/in/cmilfont/

https://github.com/cmilfont

cmilfont

1. Zero Defects - https://en.wikipedia.org/wiki/Philip_B._Crosby
2. PDCA (plan, do, check, act) - https://en.wikipedia.org/wiki/W._Edwards_Deming
3. Total Quality Management (TQM) - https://en.wikipedia.org/wiki/Armand_V._Feigenbaum
4. Fishbone Cause and Effect Diagram - https://en.wikipedia.org/wiki/Kaoru_Ishikawa
5. The Juran trilogy - https://en.wikipedia.org/wiki/Joseph_M._Juran

cmilfont

#!/bin/sh -x
CURRENT=`git branch | grep "*" | awk '{print $2}'`
git commit -m "#${CURRENT}: $1"

# git add .
# commit "message"

cmilfont

// model error
import { Record, fromJS, Map } from 'immutable';

export default class ErrorRecord extends Record({
  warnings: Map(),
  form: Map(),
  fatal: Map(),
}) {
  constructor(values) {
    // sua lógi a

cmilfont

import React from 'react';
import { connect } from 'react-redux';
import { actions, mapDispatchToProps} from 'api/actions/errors';

class ErrorBoundary extends React.Component {

  componentDidCatch(error, info) {
    this.props.dispatch({
      type: actions.GLOBAL_EXCEPTION,
      payload: {

cmilfont

Características

Esse projeto era deployado num Oracle Server OC4J, os fontes no CVS do governo do estado do CE, a busca textual foi feita com Oracle Text.

Levamos quase 2 anos pra fazer um sistema que hoje seria concluído no máximo em 1 mês, pra ter uma idéia como quando cheguei aqui era tudo mato :D

A briga da época era se a modinha SVN ia pegar.

Por limitações da licitação desse projeto, não pudemos usar Hibernate e Spring que eram as modinhas que estavam dominando o mercado.

cmilfont

Continuous Delivery

Deployment Tool

Ship it

PM2 deployment

Process Manager

PM2

cmilfont

React Roadmap and Pipeline

Patterns

• A compilation of React Patterns, techniques, tips and tricks

Development

Boilerplate

• create-react-app, Boilerplate para criação de produtos React configurado com Webpack

cmilfont

  onAuthStateChanged = (user) => {
    if (user) {
      const { uid, name, email } = user;
      window.LogRocket.identify(uid, { name, email });
      this.store.dispatch({
        type: actions.loginSuccess,
        payload: {
          user,
        },
      });

cmilfont

class Customers extends React.Component {

  componentDidMount() {
    this.props.request();
  }
  
  render() {
    const { customers } = this.props;
    const list = customers.map(customer => (<CustomerRow data={customer} />);
    /*