«reactjs-flux» etiketlenmiş sorular

Flux, Facebook'un React ile istemci tarafı web uygulamaları oluşturmak için kullandığı uygulama mimarisidir. Tek yönlü bir veri akışı kullanarak React'in bir araya getirilebilir görünüm bileşenlerini tamamlar.




11
React uygulamasında hizmet sahibi olmak
Bir hizmete / fabrikaya mantık çıkarabildiğim ve kontrolörlerimde kullanabileceğim açısal dünyadan geliyorum. Bir React uygulamasında aynı şeyi nasıl başarabileceğimi anlamaya çalışıyorum. Diyelim ki kullanıcının şifre girişini doğrulayan bir bileşenim var (gücü). Bu mantık oldukça karmaşık, bu yüzden onu kendi bileşenine yazmak istemiyorum. Bu mantığı nereye yazmalıyım? Bir mağazada fluks kullanıyorsam? …

3
Flux mimarisinde Mağaza yaşam döngüsünü nasıl yönetirsiniz?
Flux hakkında bir şeyler okuyorum ama örnek Todo uygulaması bazı önemli noktaları anlayamayacak kadar basit. Facebook gibi kullanıcı profili sayfalarına sahip tek sayfalık bir uygulama hayal edin . Her kullanıcı profili sayfasında, sonsuz kaydırma ile bazı kullanıcı bilgilerini ve son gönderilerini göstermek istiyoruz. Bir kullanıcı profilinden diğerine gidebiliriz. Flux mimarisinde …


6
Akış depoları mı yoksa eylemler (veya her ikisi) harici hizmetlere mi dokunmalı?
Mağazalar kendi durumlarını koruyorlarsa ve bunu yaparken ağ ve veri depolama hizmetlerini arayabiliyorsa ... bu durumda eylemler sadece aptal mesaj ileticileridir, -VEYA- ... mağazalar, eylemlerden gelen değişmez verilerin aptal alıcıları mı olmalı (ve eylemler, harici kaynaklar arasında veri getiren / gönderenler mi? Bu örnekte depolamak, görünüm modelleri olarak işlev görür …

6
Eşzamansız olarak başlatılan React.js bileşenlerinin sunucu tarafında oluşturulması için stratejiler
React.js'nin en büyük avantajlarından birinin sunucu tarafında render olması gerekiyor . Sorun, anahtar işlevinin React.renderComponentToString()eşzamanlı olmasıdır, bu da bileşen hiyerarşisi sunucuda işlenirken eşzamansız verilerin yüklenmesini imkansız kılar. Diyelim ki, yorum yapmak için sayfanın hemen hemen her yerine bırakabileceğim evrensel bir bileşenim var. Yalnızca bir özelliğe, bir tür tanımlayıcıya (örneğin, yorumların …

4
React.js'de Enter tuşunu kullanarak bir form nasıl gönderilir?
İşte formum ve onClick yöntemi. Klavyenin Enter butonuna basıldığında bu metodu uygulamak istiyorum. Nasıl ? NB: Hiçbir jquery takdir edilmiyor. 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" /> <br /> <button type="button" className="btn btn-success" …

4
Webpack-dev-server, uygulama sayfası yerine bir dizin listesi sunar
Yalnızca gerçek uygulamayı altında görebiliyorum /public. Yapılandırmalar webpack.config.jsaşağıdadır: 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
React bileşeninin boole durumu nasıl değiştirilir?
React bileşeninin boole durumunu nasıl değiştireceğimi bilmek istiyorum. Örneğin: Bileşenimin yapıcısında mantıksal durum denetimi var: constructor(props, context) { super(props, context); this.state = { check: false }; }; This.setState yöntemini kullanarak onay kutum her tıklandığında durumu değiştirmeye çalışıyorum: <label><input type=checkbox" value="check" onChange = {(e) => this.setState({check: !check.value})}/> Checkbox </label> Elbette bir …

4
Bileşenler, Flux'daki Mağazalardan varlıkları hangi yuvalama düzeyinde okumalıdır?
Flux'ı kullanmak için uygulamamı yeniden yazıyorum ve Mağazalardan veri alma konusunda sorun yaşıyorum. Çok fazla bileşenim var ve çok fazla iç içe geçiyorlar. Bazıları büyük ( Article), bazıları küçük ve basit ( UserAvatar, UserLink). Mağazalardan verileri bileşen hiyerarşisinde nerede okumam gerektiği konusunda mücadele ediyorum. İkisini de pek sevmediğim iki aşırı …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.