Pytania otagowane jako reactjs-flux

Flux to architektura aplikacji, której Facebook używa do tworzenia aplikacji internetowych po stronie klienta za pomocą React. Uzupełnia komponowalne komponenty widoku Reacta, wykorzystując jednokierunkowy przepływ danych.

11
Posiadanie usług w aplikacji React
Pochodzę ze świata kątowego, w którym mogłem wyodrębnić logikę do usługi / fabryki i skonsumować ją w moich kontrolerach. Próbuję zrozumieć, jak mogę osiągnąć to samo w aplikacji React. Powiedzmy, że mam komponent, który weryfikuje wprowadzone hasło użytkownika (jest to siła). Jego logika jest dość złożona, dlatego nie chcę zapisywać …
3
Jak w architekturze Flux zarządzasz cyklem życia sklepu?
Czytam o Flux, ale przykładowa aplikacja Todo jest zbyt uproszczona, abym mógł zrozumieć kilka kluczowych punktów. Wyobraź sobie aplikację z jedną stroną, taką jak Facebook, która ma strony profilu użytkownika . Na każdej stronie profilu użytkownika chcemy pokazać niektóre informacje o użytkowniku i jego ostatnie posty z nieskończonym przewijaniem. Możemy …
6
Czy sklepy lub akcje flux powinny dotyczyć usług zewnętrznych?
Czy sklepy utrzymują swój własny stan i mają możliwość wywoływania usług sieciowych i przechowywania danych w ten sposób ... w takim przypadku działania są po prostu głupimi odbiorcami wiadomości, -LUB- ... czy sklepy powinny być głupimi odbiorcami niezmiennych danych z działań (a akcjami powinny być te, które pobierają / wysyłają …
6
Strategie renderowania po stronie serwera asynchronicznie zainicjowanych komponentów React.js.
Jedną z największych zalet React.js ma być renderowanie po stronie serwera . Problem polega na tym, że funkcja klucza React.renderComponentToString()jest synchroniczna, co uniemożliwia ładowanie jakichkolwiek danych asynchronicznych, gdy hierarchia komponentów jest renderowana na serwerze. Powiedzmy, że mam uniwersalny komponent do komentowania, który mogę umieścić w dowolnym miejscu na stronie. Ma …
4
Jak wysłać formularz za pomocą klawisza Enter w pliku act.js?
Oto mój formularz i metoda onClick. Chciałbym wykonać tę metodę po naciśnięciu klawisza Enter na klawiaturze. W jaki sposób ? Uwaga: jQuery nie jest mile widziane. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> …
4
Webpack-dev-server obsługuje listę katalogów zamiast strony aplikacji
Rzeczywistą aplikację widzę tylko pod /public. Konfiguracje w webpack.config.jssą poniżej: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } …
9
Jak przełączyć stan boolowski składnika reagującego?
Chciałbym wiedzieć, jak przełączyć stan boolowski składnika reagującego. Na przykład: Mam kontrolę stanu boolowskiego w konstruktorze mojego komponentu: constructor(props, context) { super(props, context); this.state = { check: false }; }; Próbuję przełączać stan za każdym razem, gdy klikam moje pole wyboru, używając metody this.setState: <label><input type=checkbox" value="check" onChange = {(e) …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.