Conteúdo para você se capacitar em programação
TL; DR Use chaves únicas e constantes ao renderizar filhos dinâmicos ou espere que coisas estranhas aconteçam. Um dos aspectos complicados que descobri durante as poucas semanas que tenho usado …
Continuar lendoAo usar a versão ES6 para definir um Componente React, NÃO class A extends React.Component { myFunction() { // you’d want to use `this` here } componentDidMount /* or some …
Continuar lendoÀs vezes, o servidor fornecerá uma interface com application/octet-stream, geralmente está relacionado com o operador de arquivo, então como lidamos com isso usando js? Na verdade é muito fácil, faça …
Continuar lendoPodemos usar immutable-js de várias maneiras com Redux. Depende se queremos que nosso estado raiz seja imutável ou não. Se escolhermos o modo Difícil, podemos ter alguns problemas com libs, …
Continuar lendoOs requisitos do aplicativo mudaram drasticamente nos últimos anos. Há apenas alguns anos, um grande aplicativo tinha dezenas de servidores, segundos de tempo de resposta, horas de manutenção offline e …
Continuar lendoCÓDIGO FONTE <iframe src = ” https://ghbtns.com/github-btn.html?user=jasonshark&repo=intro-to-react&type=fork&count=true ” frameborder = “0” scrolling = “0” width = “170px” height = “20px”> </iframe> <iframe src = ” https://ghbtns.com/github-btn.html?user=jasonshark&repo=intro-to-react&type=star&count=true ” frameborder = “0” …
Continuar lendoAdmito que este não é o mais polido … Mas aqui está um comando que adicionei ao Atom para comentar os blocos em arquivos React JSX: init.coffee: atom.workspaceView.command ‘my:comment-jsx’, -> …
Continuar lendovar RouterMixin = { respondTo: function(routes, root, pushState) { var self = this; if (!router) { router = new Backbone.Router(); } for (var route in routes) { var name = …
Continuar lendoAo longo do desenvolvimento, especialmente quando novas tecnologias são introduzidas (mais notavelmente neste caso: React), uma luta comum tende a estar relacionada à Separação de Preocupações. Isso está relacionado à …
Continuar lendohttps://reactjs.org/docs/composition-vs-inheritance.html Se você deseja apenas evitar a passagem de alguns adereços por muitos níveis, a composição de componentes costuma ser uma solução mais simples do que o contexto. function Page(props) …
Continuar lendoO React 0.13 permite a criação de componentes React como classes ES6. Infelizmente, os métodos não estão thisvinculados a eles por padrão. Aqui está uma autobindfunção primitiva : import is …
Continuar lendoReact Test Utils permite fazer uma renderização superficial de um componente. Isso é muito útil para escrever testes de unidade de componentes. Infelizmente, essa solução é muito limitada. Por exemplo …
Continuar lendoPassos 1) Crie um .envarquivo 2) Adicione o seguinte, salve e executenpm start NODE_PATH=src/ Tudo feito Agora você pode fazer import MyModule from ‘components/MyModule’ ao invés de import MyModule from …
Continuar lendoconst createAction = (type, …args) => { let action = { type }; action = Object.assign({}, action, …args); return action;};export default createAction; Uso dispatch(createAction(‘actionName’, { data1, data1 })); Para valores …
Continuar lendoSe você estiver interessado em Webpack e React, confira meu novo livro SurviveJS – Webpack and React . Ele começa do zero e passa por vários tópicos, incluindo linting, styling, …
Continuar lendoTive alguns problemas com watchify para criar um gulp build para react e browserify, onde o pacote seria atualizado quando um arquivo de origem é alterado. Portanto, aqui está uma …
Continuar lendo