Perguntas com a marcação «reactjs»

Tenho usado os recursos ECMAScript 6 e ECMAScript 7 (graças ao Babel) em meus aplicativos - tanto móveis quanto web. O primeiro passo, obviamente, foi o ECMAScript 6 níveis. Aprendi muitos padrões assíncronos, as promessas (que são realmente promissoras), geradores (não tenho certeza por que o símbolo *), etc. Destes, …

95 javascript  asynchronous  reactjs  async-await  promise 

Estou desenvolvendo um novo aplicativo usando a nova API React Context em vez de Redux, e antes, com Redux, quando preciso obter uma lista de usuários, por exemplo, simplesmente chamo componentDidMountminha ação, mas agora com React Context, minhas ações ficam dentro my Consumer que está dentro da minha função de …

95 reactjs  react-context 

Ao criar um aplicativo de reação, o service worker é invocado por padrão. Por que o service worker é usado? Qual é o motivo da invocação padrão?

95 javascript  reactjs  service-worker 

Este é meu projeto: https://github.com/kenpeter/my_hak_news , que é uma cópia direta de https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news e executereact-native run-android Recebi este erro: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed …

95 android  reactjs  react-native 

Usando o método css-in-js para adicionar classes a um componente react, como adiciono vários componentes? Aqui está a variável classes: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Aqui está como eu usei: return ( <div className={ this.props.classes.container }> …

95 css  reactjs  material-design  material-ui  jss 

Gostaria de perguntar como reage a lidar com nativos ou como fazer a fonte responsiva. Por exemplo, no iphone 4s, tenho fontSize: 14, enquanto no iphone 6, tenho fontSize: 18.

95 ios  reactjs  react-native 

Sou novo no React e estou tentando importar uma DATAvariável JSON de um arquivo externo. Estou recebendo o seguinte erro: Não é possível encontrar o módulo "./customData.json" Alguém poderia me ajudar? Funciona se eu tiver minha DATAvariável, index.jsmas não quando ela estiver em um arquivo JSON externo. index.js import React, …

95 javascript  json  reactjs 

Estou tentando separar um componente de apresentação de um componente de contêiner. Eu tenho um SitesTablee um SitesTableContainer. O contêiner é responsável por acionar ações de redux para buscar os sites apropriados com base no usuário atual. O problema é que o usuário atual é buscado de forma assíncrona, depois …

95 reactjs  redux  react-redux 

Estou tentando criar um formulário simples com react, mas estou enfrentando dificuldade para vincular os dados corretamente ao defaultValue do formulário. O comportamento que procuro é este: Quando abro minha página, o campo de entrada de texto deve ser preenchido com o texto da minha AwayMessage em meu banco de …

94 javascript  forms  reactjs  coffeescript  2-way-object-databinding 

Eu sou muito novo no webpack, descobri que na construção de produção podemos reduzir o tamanho do código geral. Atualmente, o webpack constrói em torno de arquivos de 8 MB e main.js em torno de 5 MB. Como reduzir o tamanho do código na construção de produção? Encontrei um arquivo …

94 node.js  reactjs  npm  webpack  webpack-dev-server 

Estou tentando fazer um SIMPLE usando o react-router ( versão ^ 1.0.3 ) para redirecionar para outra visão e estou ficando cansado. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = { router: PropTypes.func.isRequired }; constructor(props, context) { super(props, context); …

94 javascript  reactjs 

Tenho dois componentes: Componente pai, do qual desejo alterar o estado do componente filho: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button> <ChildComponent /> </div> ); } } E componente filho : class ChildComponent extends Component { …

94 javascript  reactjs 

Estou tentando fazer o ReactJS funcionar com trilhos usando este tutorial. Estou recebendo este erro: Uncaught ReferenceError: React is not defined Mas posso acessar o objeto React no console do navegador . Também adicionei public / dist / turbo-react.min.js conforme descrito aqui e também adicionei linha em application.js, conforme descrito …

94 javascript  ruby-on-rails  reactjs 

Ocasionalmente, tenho componentes de reação que são conceitualmente ativos e que desejo redefinir. O comportamento ideal seria equivalente a remover o componente antigo e reler um novo componente original. React fornece um método setStateque permite definir o próprio estado explícito dos componentes, mas que exclui o estado implícito, como o …

93 reactjs 

Estou tentando converter esta <canvas>animação legal que encontrei aqui em um componente reutilizável React. Parece que esse componente exigiria um componente pai para a tela e muitos componentes filhos para o function Ball(). Por motivos de desempenho, provavelmente seria melhor transformá- Ballslos em componentes sem estado, pois haverá muitos deles. …

93 reactjs