Eu tenho testes de unidade para o meu reducers. No entanto, quando estou depurando no navegador, quero verificar se minhas ações foram chamadas corretamente e se o estado foi modificado de acordo. Estou procurando algo como: window._redux.store ... no navegador para que eu possa digitar no...
Eu normalmente posto coisas relacionadas ao código no Stack, mas esta é mais uma questão sobre quais são os pensamentos gerais da comunidade. Parece haver muitas pessoas defendendo o uso de Redux com React para gerenciar dados / estado, mas ao ler e aprender ambos, descobri algo que não parece...
Eu tenho autenticação por token de um servidor, então quando meu aplicativo Redux é carregado inicialmente eu preciso fazer uma solicitação a este servidor para verificar se o usuário está autenticado ou não, e se sim, eu devo obter o token. Descobri que o uso de ações básicas INIT do Redux não...
Tenho um redutor e, para calcular o novo estado, preciso de dados da ação e também de dados de uma parte do estado não gerenciada por esse redutor. Especificamente, no redutor que mostrarei abaixo, preciso acessar o accountDetails.stateOfResidenceIdcampo. initialState.js: export default {...
Usando o TypeScript com React, não precisamos mais estender React.Propspara que o compilador saiba que todos os adereços do componente react podem ter filhos: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return...
Aqui estão os números min + gzip 26k gzip 90k 450 + k original E o React não tem muitos recursos em sua documentação. Por que é tão grande? Tenho a sensação de que é a implementação de DOM leve. Mas eu quero ter certeza.
Eu tenho alguns adereços que tem uma string que pode conter caracteres como &. Ele também contém espaços. Desejo substituir todos os espaços por . Existe uma maneira fácil de fazer isso? Lembre-se de que não posso apenas renderizar usando esta sintaxe: <div...
Estou implementando um exemplo de https://github.com/moroshko/react-autosuggest O código importante é assim: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Eu tenho um reactjsaplicativo escrito usando os padrões ES6 e uso webpackpara criá-lo. O webpackcarrega os jsmódulos usando babel-loader. Para ser mais específico, uso as seguintes versões de pacotes: ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected] Porém,...
Em javascript antigo, eu tenho o DIV <div class="movie" id="my_movie"> e o seguinte código javascript var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Agora que tenho um componente React,...
Estou usando o StackNavigator da navegação nativa react (react-navigation). ele começa na página de Login ao longo de todo o ciclo de vida do aplicativo. Não quero ter a opção de voltar, voltando para a tela de Login. Alguém sabe como pode ficar oculto na tela após a tela de login? BTW, também...
Tenho testado meu aplicativo React.js no Internet Explorer e descobri que algum código ES6 / 7 como o Array.prototype.includes()quebra. Estou usando criar-reagir-app e, aparentemente, eles optaram por não incluir muitos polyfills, já que nem todo mundo precisa deles, e eles diminuem os tempos...
Tenho que implementar alguma lógica de negócios dependendo do histórico de navegação. O que eu quero fazer é algo assim: reactRouter.onUrlChange(url => { this.history.push(url); }); Existe alguma maneira de receber um retorno de chamada do react-router quando o URL é atualizado?...
Estou armazenando um ref em minha loja redux e usando mapStateToProps para expor o ref para componentes que precisam de acesso a ele. A referência armazenada é semelhante a: ref={node => this.myRefToBePutInReduxGlobalStore = node} Qual é o propType correto para este ref?...
Durante o desenvolvimento com create-react-app, meu navegador entra no modo de depurador em avisos: Ele quebra o código-fonte de react-dev-tools: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. // Use...
Tenho uma página da web complexa que usa componentes React e estou tentando converter a página de um layout estático para um layout mais responsivo e redimensionável. No entanto, continuo encontrando limitações com o React e me pergunto se existe um padrão para lidar com esses problemas. No meu...
Meu objetivo é adicionar componentes dinamicamente em um componente de página / pai. Comecei com um modelo básico de exemplo como este: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>,
Estou implementando uma lista filtrável com React. A estrutura da lista é mostrada na imagem abaixo. PREMISSA Aqui está uma descrição de como ele deve funcionar: O estado reside no componente de nível mais alto, o Searchcomponente. O estado é descrito da seguinte forma: { visível:...
Tentei pesquisar uma resposta para isso, mas a maioria delas está fora do contexto de React, onde onChangedispara após desfoque. Ao realizar vários testes, não consigo dizer como esses dois eventos são diferentes (quando aplicados a uma textarea). Alguém pode lançar alguma luz sobre isso?...
No React, o estado não é atualizado instantaneamente, portanto, podemos usar o retorno de chamada em setState(state, callback). Mas como fazer no Redux? Depois de chamar o this.props.dispatch(updateState(key, value)), preciso fazer algo com o estado atualizado imediatamente. Existe alguma...