2月

9
React.js・ReactNative・Redux入門
サンプルアプリを通して React.js、ReactNative、Reduxの説明をします

主催 : 株式会社ビズリーチ

募集内容	参加枠無料先着順 100/100人
申込者	申込者一覧を見る
開催日時	2017/02/09(木) 20:00 ～ 22:00 Googleカレンダー icsファイル
募集期間	2017/01/30(月) 19:00 〜 2017/02/09(木) 22:00まで
会場	株式会社ビズリーチ東京都渋谷区渋谷2-15-1 渋谷クロスタワー 12F マップで見る

イベントの説明

D3とは

創業以来、高い技術力と戦略的なUI/UXを武器に、世の中に価値あるサービスを生み出しているビズリーチ。
サービスの数が増えるにつれ、技術の幅が広がったため、そのスキルやノウハウを社内のみならず、
世の中のエンジニアやデザイナーとも共有すべく、
私たちは「D3（ディーキューブ）※」というプロジェクトチームを立ち上げました。
D3では、たくさんのイベントや勉強会を開催し、
世のエンジニア・デザイナーと共に、さらなる高みを目指します。
※D3＝DESIGNER & DEVELOPER DIVISION

イベント説明

React-Redux構成のReact.js(Webアプリ)、ReactNative(iOS,Androidアプリ)のサンプルアプリを通して
React.js、ReactNative、Reduxの説明をします。
サンプルアプリは簡単なTodoアプリです。
React.js、ReactNativeサンプルアプリのRedux周りは共通のコードを利用します。
Node、webpack周りの環境設定についても説明します。

サンプルアプリについてはTypeScriptで実装しています。
ES2015に準拠した言語ですのでJavaScriptがわかる方なら問題なく理解できると思います。
ES2015、TypeScriptについても説明をします。

サンプルアプリ

・React.jsサンプルアプリ（Todoアプリ）
　　-ソースコード：https://github.com/KazuhiroYoshimoto/react-redux-todo-sample
　　-構成：TypeScript、React.js、Redux

・ReactNativeサンプルアプリ（Todoアプリ）
　　-ソースコード：https://github.com/KazuhiroYoshimoto/reactNativeTodoSample
　　-構成：TypeScript、ReactNative、Redux

・React.jsサンプルコード(React.jsの説明用)
　　-ソースコード：https://github.com/KazuhiroYoshimoto/react-todo-sample
　　-構成：TypeScript、React.js

発表内容

「React.js」と「ReactNative」の各々のサンプルアプリのソースコードについて説明します。
発表内容の詳細は下記の通りです。
Redux部分については「React.js」アプリと「ReactNative」アプリで共通のコードを利用しますので、
「React.js」アプリでの説明のみとなります。

React.js、Redux

(1)環境設定
　環境設定について、作成・修正するファイル(下記に記載)について説明します。
　・Nodeモジュール(package.json)
　・webpack(server.js、webpack.config.js、index.html)
　・TypeScript(tsconfig.json)

(2)ES2015,TypeScript
　・ES2015,TypeScriptの文法
　・TypeScriptの型定義

(3)React.js
　Component、Props、Stateについてサンプルコードを通して説明します。

(4)サンプルアプリのRedux部分の説明
　Reduxの下記要素についてサンプルアプリのコードを通して説明します。
　・Action、Dispatcher、Store、State、Reducer、Provider(React-Redux)
　＊Middleware関連については取り扱いません

(5)サンプルアプリのReact部分(Component)の説明

ReactNative

(1)環境設定
　環境設定について、作成・修正するファイル(下記に記載)について説明します。
　・Nodeモジュール(package.json)
　・TypeScript(tsconfig.json)
　・index.ios.js、index.android.js

(2)ReactNativeのコンポーネント
　サンプルアプリで利用しているReactNativeの標準コンポーネントについて説明します。
　・View、TextInput、TouchableHighlight、Button、ListView

(3)サンプルアプリのReact部分(Component)の説明

開催概要

日時:2016/2/9（木）20:00〜22:00（19:45開場）
場所:株式会社ビズリーチ東京都渋谷区渋谷2-15-1 渋谷クロスタワー 12F
参加費:無料
持参物:名刺1枚（名札用）

登壇予定者

吉本和弘

アジェンダ

時間	発表者
19:45~20:00	受付
20:00~22:00	イベント

※アジェンダは予告なく変更される場合がございます。

注意

イベント参加者へのスカウト等勧誘行為は禁止です。
イベントの写真を撮らせて頂く場合がございます。
イベントキャンセルが多い方はこちらで参加をお断りさせていただく場合がございます。
参加登録時に入力していただいた名前・メールアドレスは今後ビズリーチのイベント開催等おしらせに利用させていただきます。
ご理解ご協力のほど、よろしくお願い致します。