2015-08-21 31 views
10

Etrafa React.js gidiyorum tek bir sayfa olmak üzere uygulamayı gerektirir ve benim sorum basit: benim app ben tepki kullanırsanız tek sayfa uygulama olmak zorunda?mu React.js

hiçbir sonra nasıl bunların dışında bileşenlerini kontrol yoksa? FLUX tarafından? Diğer standart yöntemler?

Evet Evet ise, istemci tarafında React için izinler/erişim doğrulaması gerçekleştirmek için herhangi bir kütüphane var mı?

Çok teşekkürler!

+0

"İstemci tarafında izinler/erişim doğrulaması" neyi kastediyorsunuz? Sunucu tarafında herhangi bir kullanıcı kimlik doğrulaması yapılmasını istersiniz. – Mark

+0

Ayrıca "onların dışındaki kontrol bileşenleri" ne demek istiyorsun? – Mark

+0

Ve hayır, uygulamanın tek sayfa olması gerekmez. – Mark

cevap

12

bir uygulama tek bir sayfa uygulama olması gerekmez tepki. React, size belirli render mantığı olan sınıflar açısından bir yol modeli HTML'si sağlar, ancak tek bir sayfa veya çoklu sayfa gibi herhangi bir özel uygulama mantığı uygulamaz.

Sorularınızın geri kalanını anladığımdan emin değilim, ancak aslında bir çok sayfalı uygulama olarak nasıl tepki vereceğini öğrenmek için soruyorsunuz. birçok yolu ancak bir o kadar gibi dosyalarınızı yapılandırmak olacaktır vardır: Bu sayede

./app --> main page for your app ./app/page1/ --> page 1 of your app ./app/page2/ --> page 2 of your app ... 

, kendi kendine yer alan içerecektir her 'sayfa' projesini tepki. Ana uygulama sayfanız bu sayfaları yükleyen köprüler içerebilir veya bunları javascript kodunuzda senkronize olmayan şekilde yükleyebilirsiniz.

DÜZENLEME: açıklamada açıklık şeklindeki bir soruya bir nedeni, sayfa bazı eylemine bir tepki bileşen değişikliği yapar nasıl geçerli:

Say react component Breact component A içinde bulunur. Bir kullanıcı react component B bulunan button B basar ve basıldığında, react component B yılında callback B çağırır ve bu tıklama react component A bazı eylemleri tetiklemek gerekir. callback B, bir şekilde durumun değiştiğini react component A bildirmelidir. Ne yapacağını hakkında bazı seçim var nerede

budur. Sen react component Breact component A dinler (ve buna bağlı olarak yeniden oluşturur) bir değişiklik yayarlar olabilir veya FLUX modelini kullanabilirsiniz. FLUX modelinde, react component B, bir durumun yayılmasını tetikleyen bazı durum depolarında bir durum değişikliği yayınlayacaktır. react component A, bu olay için bir olay geri çağrısı ayarlamak için gerekli olacak ve react component B yayarsa, react component A buna tepki verebilir.

+0

Yanıt için teşekkürler. Ne demek istediğimi açıklamama izin ver. React ile çok fazla deneyimim olmadığı için API içeren bir jQuery eklentisi gibi bir bileşen hakkında düşünüyorum. Sayfam bir arka uçta bir araya getirilmişse ve diyelim ki, bir düğmeye bastığımı söylerseniz, bir React bileşeninin benim için bir şeyler yapmasını nasıl isteyebilirim? JQuery eklentisi olarak API'yi gösteremez. Bunun FLUX tarafından mümkün olabileceğini biliyorum ama tek yol bu mu?Burada bir şey anlamadığımdan eminim ama ne olduğundan emin değilim ... –

+0

Her sayfanın kendi bileşenine sahip olduğu anlamına mı geliyor? Seni doğru anlıyor muyum? –

+0

Evet, bu modelde, her sayfa kendi bileşenine sahip olacaktır (büyük olasılıkla birden çok alt bileşenle). Yanıtlarımın orijinal cevabımdaki bir düzenlemeye 'tepki verme' nasıl tepki vereceğime dair ikinci sorunuzu cevaplayacağım. – nmio