複雑なJavaScriptアプリケーションを考えながら作る話
autoscale: true theme: Plain Jane,5 複雑なJavaScriptアプリケーションを考えながら作る話 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info #jsprimerを書いています JavaScript入門書に興味ある人はウォッチ :star: :warning: 注意 :warning: 作成するアプリケーションによって必要な構造は異なります 今回の話はある程度の規模で複雑性を持つクライアントサイド ライブラリ抜きで数万LOC >= 長期的にメンテンナンスや変更が発生するアプリケーション サーバサイドレンダリングはしないクライアントアプリケーション 3行でOK 複雑なJavaScriptアプリケーションを作るにあたりドメインモデルをどう実装するか悩んだ 色々と試行錯誤した
What is the Flux Application Architecture?
Flux is an idea for organizing your application that was developed at Facebook, based on one simple principle: Data moves in one direction through your application. This is called “unidirectional data flow”, but it might be easier to remember if you think of your data as a shark: Sharks can only swim forward. Facebook has published examples of Flux, and at least six other libraries have sprung up
Fluxを修得するためにkriasoft/react-starter-kitをコードリーディングした - norizabuton
発端 react-starter-kitのコード読んでて、Server側でStoreのコード呼んでServerSide Renderingしててこれがisomorphicか...! ってなってる— ぺら@Civ中毒リハビリ中 (@Peranikov) 2015, 4月 2 実践的なFluxの勉強するためになにかいいサンプルコードないかと漁っていたら、KriaSoftがGithub上で公開しているreact-starter-kitが自前でReact.jsでのページネーションを実装してたりいろいろと参考になったのでコードリーディングしてみました。 Github kriasoft/react-starter-kit · GitHub DEMO React.js Starter Kit ちなみにGithubのdescriptionにも書かれていますが、このstarter-kitはBabel (ES
FluxをJest以外でテストする - Qiita
var mockRegister = MyDispatcher.register; var mockRegisterInfo = mockRegister.mock; var callsToRegister = mockRegisterInfo.calls; var firstCall = callsToRegister[0]; var firstArgument = firstCall[0]; var callback = firstArgument; Jestは基本全てがモックされるので、要は「Dispatcherのregisterに与えられた引数が観測できるから、Storeのcallbackを捕捉してテストしたい内容に合わせて適宜実行せよ」ということである。 この動作、SinonのSpyにも同じような実装がある。spy.firstCallやspy.getCallが定義されており、n度
Database Design Diagram Full Guide and Tools | AppMaster
Databases are crucial for organizing and preserving company data, and databases must be appropriately maintained and designed effectively to require minor maintenance. The database model design process comprises the architecture, programming, installation, and upkeep stages. Do you wish to create a database diagram? Diagrams are the most efficient tool for designing a database model. Creating comp
Testing Flux Stores without Jest
Flux stores present an interesting unit testing challenge. From the docs: By design, stores can't be modified from the outside. They have no setters. The only way new data can enter a store is through the callback it registers with the dispatcher. To unit test a Flux store without having an entire Flux system in place, you need to be able to call the registered callback directly with a fake action
FacebookのFluxアーキテクチャの始め方 Part 1 | POSTD
私のように、Reactを使ってより進んだことがしたいと考えたなら、おそらく Flux に注目した経験があると思います。ざっと目を通してタブを閉じ、JavaScript開発者としての自分の人生を見直したことでしょう。 もしReactになじみがなければ、私の記事 「React入門」 を読んでみてください。 Fluxとは？ Fluxは、遠目には始めるために複雑な手順を踏まなければいけないように映ります。しかし、 GitHubにあるexample を見てみれば、これがどのように機能するのかが実に明確になってきます。 簡単に言うと、Fluxは美化された 出版-購読型モデル のアーキテクチャです。データはシステム内を一方向に流れ、そこから様々な利用者が必要に応じてデータを取得します。これについて考えるには、私たちの体に例えてみると簡単です。 イベント – 血液 血液は私たちの体内を一方向に流れています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
flux-meetup
404: Not found