Articles of reactjs

Como implementar a API do Google com o React, o Redux e o Webpack

Estou tentando obter events do Google Agenda no meu aplicativo React Redux. Eu tentei usar googleapis e google-auth-library, mas o webpack está lançando erros porque o googleapis foi criado para executar o server side e o bundle.js é referenciado no cliente. Então eu li alguns fóruns sobre esses erros e todos eles apontam para usar […]

Obtendo um projeto da Web simples em execução com o Fabric React

—-ATUALIZAR—- Consegui que funcione usando o seguinte: Webpack Datilografado ts-loader reagir reagir @ tipos / reagem @ types / react-dom office-ui-fabric-react Uma vez que eu tinha um exemplo de reação simples, era fácil fazer o mesmo para reagir com tecido. Alguns bons tutoriais: https://www.typescriptlang.org/docs/handbook/react-&-webpack.html https://medium.com/@gmonne/simple-app-layout-with-office-ui-fabric-react-2eac6361e1b4 —- Original post —- Como recém-chegado ao React / node […]

Nos pacotes do Flow NPM, qual é a maneira correta de suprimir problemas para que os aplicativos do usuário não vejam erros?

Se você usar algo como $FlowIssue , não é garantido que esteja no arquivo .flowconfig de todos. Se você declarar uma interface de biblioteca, isso parece funcionar apenas para o projeto fornecido, não em outros projetos que importam seu pacote (mesmo que você forneça os arquivos .flowconfig e de interface em seu pacote NPM). Aqui […]

ReactJS, diferentes arquiteturas de aplicativos e modelagem e implantações do ExpressJS

Eu passei por artigos de blog diferentes para descobrir como um aplicativo completo pode ser modelado e desenvolvido com o React, Redux (trabalhando no front-end) com pontos finais de API se comunicando com um servidor ExpressJS. Para meu conhecimento, precisamos ter: uma). Um aplicativo expressJS desenvolvido com todos os pontos finais possíveis (disponível para access […]

Como importar font-awesome em node.js para usar em react.js?

Eu estou trabalhando com node.js e react.js. Eu já importei meu próprio arquivo css assim: import React from ‘react’; import Modal from ‘react-modal’; import ‘./../App.css’; isso funciona bem, mas quando eu tento adicionar font-awesome da seguinte forma: import ‘./src/font-awesome-4.7.0/css/font-awesome.css’ então não funciona. Estou fazendo algo errado? Ou há talvez outro caminho?

Erro de syntax na function de seta assíncrona

Estou seguindo este exemplo, mas nesta seção de código … const getApiAndEmit = async socket => { try { const res = await axios.get( “https://api.darksky.net/forecast/PUT_YOUR_API_KEY_HERE/43.7695,11.2558” ); // Getting the data from DarkSky socket.emit(“FromAPI”, res.data.currently.temperature); // Emitting a new message. It will be consumed by the client } catch (error) { console.error(`Error: ${error.code}`); } }; Estou […]

webpack reage process.env sempre vazio (windows 10)

Eu li todos os artigos aqui em estouro de pilha e aproximadamente 200 mais de buscas de google e i, para a vida de mim, não pode adquirir minha cabeça ao redor de process.env. Não importa o que eu faça, é sempre um object vazio. const path = require(“path”); const webpack = require(‘webpack’); module.exports = […]

TestUtils.Simulate.keyDown do React não funciona

Eu tenho um monte de componentes no meu aplicativo que respondem a diferentes pressionamentos de tecla, e até agora, nenhum dos meus testes que usam TestUtils.Simulate.keyDown funcionam em tudo. Parece que keyDown apenas simples e simples não funciona. Aqui está o componente que estou tentando testar: descrição.js var React = require(‘react/addons’); var Description = React.createClass({ […]

Configurar o ambiente de produção em um aplicativo de criação de reação (SyntaxError: Token inesperado <em JSON na posição 0)

Eu quero configurar o ambiente de produção no meu aplicativo (usando create–react–app). Talvez seja uma pergunta boba para perguntar, porque eu estou procurando e há muitos artigos sobre isso, mas nada disso me ajudou. Além disso, usei códigos em create-react-app aqui (produção) e aqui (desenvolvimento) mas ainda não está funcionando. Para o lado do servidor, […]

Como isolar e iterar sobre componentes React individuais em um aplicativo React

Reagir carga quente é muito bom. Existem alguns componentes do React que são montados após alguma interação do usuário. Eu quero implementar esses componentes separados do aplicativo. Eu não quero separá-los como módulos npm diferentes embora. Eu só quero montá-los na página de destino e implementar. É como ter um executor de testes que executa […]