発行
コードの書き方のクセからガイドライン作成まで、開発の現場のお話が続きます。さらに、シフトブレイン社内で行っている英会話レッスンの目的にも話がおよびました。それは会社の将来的な構想と深く関わっていました。
これまで解説したコンポーネントの基礎的な知識を踏まえ、コンポーネントが受け取る型の指定、コンポーネントのライフサイクル、Statelessコンポーネントなど、より実用的な事項について解説します。
クライアント側からFalcorを通じて、リモート側の値を変更する方法を解説します。setメソッド、setValueメソッドを使って値を変更する手法があります。併せて、一度取得されたキャッシュをクリアする方法も解説します。
発行
インタラクティブなコンテンツからコーポレートサイトまで、さまざまなWebサイトを制作し、国内外のコンテストでの受賞も多いシフトブレイン。その制作の現場のワークフローは？ そしてシフトブレインはどこに向かうのか？ にまで迫ります。
React.jsのJSX記法について間違いやすいポイントと、なぜそれがエラーになってしまうのか、その理由を解説します。このポイントを意識していないと、簡単なコードを書くにもReact.jsを使いこなす以前のところで詰まってしまう可能性があります。
FalcorのクライアントサイドからのデータリクエストはFalcor Modelを通して行われます。まずはこのFalcor Modelと合わせて、取得したいデータのパスを指定する方法を解説します。
発行
比較的、柔軟性があるSVGスプライトは、アイコンの大きさを自由にコントロールできます。しかしながらCSS指定を手動で行うには、少し煩雑。そこでgulpとSassを用いてこれらの作業を自動化します。
React.jsの基礎となるコンポーネントについて、その概念から実装の基本を解説します。コンポーネントという言葉は頻繁に使われるので、React.jsでいうところの意味を、コードとともにしっかり押さえましょう。
Falcorはデータ構造の考え方として「JSON Graph」と呼ばれるものを採用しています。ツリー構造を持つJSON形式ではあるのですが、グラフ構造を表現することもできます。その特徴や採用理由を解説します。
発行
SVG非対応のブラウザのシェアが減少し、Web開発にSVGを採用することができるようになってきました。SVGの特性を最大限に活かしたアイコンの実装を解説します。
Facebook社が開発しているライブラリ、React.jsを開発に取り入れてみようと思っているReact.js初学者向けのシリーズです。第1回目はReact.jsの特徴について、既存のライブラリとの相違にも着目しながら解説します。
FalcorはWeb APIに対して新しいアプローチを試みるJavaScriptライブラリです。クライアントとサーバー間のデータのやり取りを、これまでよりも少ないリクエスト回数で、そして最低限のデータ量で行えるようになります。それはなぜか？ まず仕組みを解説します。