TOP

Reactハンズオン 01 コンポーネント編 #SurviveJS04

イベント内容

イベント内容

これからReactを学びたいという方向けのハンズオンです。

プロジェクト初期化から、コンポーネントを作って表示し、スタイリングと表示テキストを書き換えるところまで、順を追って丁寧に解説します。

7/28 と 7/29に開催したものとほぼ同内容ですが、今回は少し長めに時間が取れるので、余裕があればより複雑なコンポーネント作成まで踏み込んで解説したいと思います。

参加費

1,000円 (コワーキングスペース利用料金として)

参加費は当日会場の コワーキングスペース Co-Edoさん 5F受付にてお支払い下さい。

対象

Reactに触れてみたい方

Reactに興味のある方

必要環境

  • Ubuntu or MacOS
  • node 8.x and npm 5.x
  • シンタックスハイライトが効くエディタ(普段お使いのエディタがない方は、Visual Studio CodeかAtomをインストールして使えるようにしておいて下さい)

これまでの参加者の声

「最後までついていけた」

「内容がとてもわかりやすかったです。」

「(個人的な感覚ではありますが)思っていたよりも高度な内容だったので、ついていくのが難しいところがありました。ただ丁寧にせつめいいただけたのでr、なんとか最後までたどり着くことができました。ありがとうございました」

「質問タイムなどがあり、概要を理解しながらハンズオンで進めてくれた点です!」

「実際に画面を作りながら学べた」

「勉強のとっかかりができたこと、実際にエラーを起こしながら試せたこと。」

「React.jsの基礎は押さえられたかと」

「丁寧で分かり易かったです。」

「このスライドだけで十分つまづかずにreactの初歩が理解できそう」

「ただコードをコピーして動かすだけではなく、コードの説明もきちんとしてくださいました。」

「詰まったところで丁寧に教えて頂けました。」

「詰まった時にサポートを丁寧にしてくださり助かりました。」

「実際にコードを書くのが良かった」

ハンズオン内容

  • 環境構築
  • HelloWorldコンポーネント作成
  • create-react-app 良い点悪い点
  • ES6の新機能
  • jsxとJavaScript
  • プロパティの受け渡し
  • スタイル定義
  • classコンポーネントとfunctionalコンポーネント
  • setStateを使った簡易ステート管理
  • 今後の予定

タイムテーブル

時間 内容
13:30 開場
14:00 ハンズオン開始
17:30ごろ 解散

会場

コワーキングスペース茅場町 Co-Edo 5F

東京都中央区新川1-3-4 PAビル

東西線・日比谷線茅場町駅から徒歩2分

おことわり

  • プログラム内容は予告なく変更する可能性があります。

  • 当日のイベント内容は後日任意の媒体にて公開させて頂くことがあります。

  • イベントレポート作成のため、お写真を撮らせていただくことがございますので予めご了承ください。

  • 開催中の事故・天災・その他の事象によってもたらされたすべての不利益に関して、当イベント、および会場提供者はその責任を負いかねます。

  • 本イベントは全ての参加者が楽しんでいただくことを主旨としております。そのため、以下のような行動を取られた方は、退室していただく場合がございます。 また次回以降の参加もお断りさせていただく場合がございますので了承下さい。 過去に以下のような行動を取られた方からのお申込についてもお断りさせていただく場合がございます。

    1. イベントの妨害と見られる言動

    2. 講師および参加者に対して一方的な批判また攻撃的な言動

    3. 人材紹介、転職、マルチ商法、宗教など、本勉強会とは関係のない勧誘

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。
2018/09/09(日)
14:00〜17:30
参加者
17人 / 定員30人
会場
コワーキングスペース茅場町 Co-Edo
東京都中央区新川1-3-4 PAビル 5F