このエントリーをはてなブックマークに追加

2月

9

React.js・ReactNative・Redux入門

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

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

募集内容

参加枠

無料

先着順
100/100

イベントの説明

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 イベント


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

注意

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

発表者

資料 資料をもっと見る/編集する

フィード

kazuhiro.yoshimoto

kazuhiro.yoshimotoさんが資料をアップしました。

2017/02/09 19:33

dcubeio

dcubeio さんが React.js・ReactNative・Redux入門 を公開しました。

2017/01/30 10:47

React.js・ReactNative・Redux入門 を公開しました!

終了

2017/02/09(木)

20:00
22:00

募集期間
2017/01/30(月) 19:00 〜
2017/02/09(木) 22:00

会場

株式会社ビズリーチ

東京都渋谷区渋谷2-15-1 渋谷クロスタワー 12F

株式会社ビズリーチ

参加者(100人)

sayanet

sayanet

React.js・ReactNative・Redux入門 に参加を申し込みました!

dimgraycat

dimgraycat

React.js・ReactNative・Redux入門 に参加を申し込みました!

YukiTakahashi

YukiTakahashi

React.js・ReactNative・Redux入門 に参加を申し込みました!

maetatomoko

maetatomoko

React.js・ReactNative・Redux入門 に参加を申し込みました!

omohayui

omohayui

React.js・ReactNative・Redux入門 に参加を申し込みました!

shiny_zz

shiny_zz

React.js・ReactNative・Redux入門 に参加を申し込みました!

emaggame

emaggame

React.js・ReactNative・Redux入門に参加を申し込みました!

earu

earu

React.js・ReactNative・Redux入門に参加を申し込みました!

Yuki00Kb

Yuki00Kb

React.js・ReactNative・Redux入門 に参加を申し込みました!

kotazi

kotazi

React.js・ReactNative・Redux入門 に参加を申し込みました!

参加者一覧(100人)

キャンセルした人(44人)