Wacker #17 つまみぐいReact

Posted by kamata ryo on July 16, 2017

#17 つまみぐいReact

Wackerでは、人気のJavaScriptフレームワーク、Reactをテーマにしたハンズオンを開催しました。10名の方が参加されました。

ハンズオン

今回の勉強会では、Node.jsがインストールされていればすぐに開発に着手できるReactテンプレート WReactを使い、Reactプロジェクトのビルドに挑戦しました。

モダンなJavaScriptの開発現場では、CommonJSやECMAScript 6で書かれたライブラリ、Reactで使われるHTMLタグ・シンタックスであるJSXなど、様々な種類のJavaScriptソースが混在します。これらのプログラムをブラウザ上で動かすためには、全てのJavaScriptソースをECMAScript 5相当に変換するトランスパイルが必要です。また、現在の主要ブラウザでは十分なモジュールの仕組みが存在しないため、モジュールとして作成したJavaScriptソースを1つのファイルに結束するバンドリングという作業が必要になります。

勉強会では、Babelなどのトランスパイラやwebpackなどのモジュールバンドラの機能、HMR (Hot Module Replacement)を備えた開発サーバーの使い方、Reactのコンポーネントの作成方法、コンポーネントのユニットテストなどに触れ、プロダクションビルドを行い配信用のファイルの作成を行いました。

hands on

LT

南紀の古座川から参加された大橋さんが、最近始めた事業についてLTしてくれました。Web制作の技術と英語でのコミュニケーション能力を活かして、海外からの南紀を訪れる旅行者に美しい自然やアクティビティなどの地域の魅力を伝える取り組みをされているとのことでした。

しくみづくり

LT

謝辞

イベントの開催に当たって、正和情報サービス 様に会場を提供していただきました。ありがとうございました。

entrance