Articles of reactjs

Pourquoi avons-nous besoin d’une application à page unique?

L’ application Single Page (SPA) nous est parvenue. De nombreuses choses viennent aussi avec, comme le routage, le cycle de vie côté client, le pattern MVC, le pattern MVVM, le pattern MV *,… et certains patterns Javascript nous viennent aussi comme le pattern AMD , Singleton , Facade , .. De nombreux frameworks et bibliothèques […]

Comment configurer ESLint pour autoriser les méthodes de classe de flèche

ESLint lance une Parsing error: Unexpected token = erreur lorsque j’essaie de lisser mes classes Es6. Quel paramètre de configuration me manque-t-il pour activer les méthodes de classe de flèche en gras dans eslint? Classe d’échantillon: class App extends React.Component{ … handleClick = (evt) => { … } } .slint { “ecmaFeatures”: { “jsx”: true, […]

Quand utiliser .toJS () avec Immutable.js et Flux?

J’essaie d’utiliser ImmutableJS avec mon application React / Flux. Mes magasins sont des objects Immutable.Map . Je me demande à quel sharepointvrais-je utiliser .toJS() ? Est-ce que ce devrait être le cas lorsque le .get(id) du magasin est .get(id) ? ou dans les composants avec .get(‘member’) ?

Comment optimiser les petites mises à jour des accessoires du composant nested dans React + Redux?

Exemple de code: https://github.com/d6u/example-redux-update-nested-props/blob/master/one-connect/index.js Voir la démo en direct: http://d6u.github.io/example-redux-update-nested-props/one-connect.html Comment optimiser les petites mises à jour des accessoires des composants nesteds? J’ai les composants ci-dessus, Repo et RepoList. Je veux mettre à jour l’étiquette du premier repository ( ligne 14 ). J’ai donc envoyé une action UPDATE_TAG . Avant que shouldComponentUpdate , le dispatch […]

Comment accéder à l’état du magasin dans React Redux?

Je fais juste une application simple pour apprendre async avec redux. J’ai tout fonctionné, maintenant je veux juste afficher l’état actuel sur la page Web. Comment puis-je accéder à l’état du magasin dans la méthode de rendu? Voici mon code (tout est dans une page parce que je ne fais qu’apprendre): const initialState = { […]

Flux + React vs Backbone + React

Quels sont les avantages de Flux + React over Backbone + React. Existe-t-il des différences de performances en plus de la facilité de développement de code pour une base de code complexe et énorme. Et si nous avions une relation 1: 1 entre le modèle et une vue de réaction dans une application utilisant Backbone […]

Comment détecter Esc Touche Appuyez sur dans Réagir et comment le gérer

Comment détecter les touches Echap sur les réactifs? La chose similaire à jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // } }); Une fois détecté, je souhaite transmettre les composants d’information. J’ai 3 composants sur lesquels le dernier composant actif doit réagir à la pression de la […]

permettre au compilateur typescript d’appeler setState sur une seule propriété d’état de réaction

J’utilise Typescript avec React pour un projet. Le composant principal obtient l’état passé avec cette interface. interface MainState { todos: Todo[]; hungry: Boolean; editorState: EditorState; //this is from Facebook’s draft js } Cependant, le code ci-dessous (uniquement un extrait) ne sera pas compilé. class Main extends React.Component { constructor(props) { super(props); this.state = { todos: […]

Comment utiliser jquery ui avec React JS?

J’ai vu quelques exemples dans Google mais tous semblent être dépassés. Avez-vous une idée de comment utiliser Jquery UI avec react?

D’où faut-il importer ReactDOM?

Après la mise à niveau vers la version 0.14.2 , je vois une erreur et une recommandation d’utiliser ReactDOM.render() au lieu de React.render() , mais d’où je l’importe? Quand je ne l’importe pas et que je ne fais que courir tel quel, il apparaît comme undefined . Est-ce une fonctionnalité intégrée ou une bibliothèque tierce?