2017-06-29
React.js 入門について発表しました
開発本部の楊です。医療介護の求人サイト「ジョブメドレー」の開発を担当しております。うるさい 5 歳のこどもと一緒に遊ぶのが大好きです。
ジョブメドレーの求人機関向け管理画面は React.js を利用し開発しています。 他プロダクトを担当するメンバのなかには React.js について詳しくない人もいる為、TechLunch（開発本部内で定期的に開催している社内技術勉強会）で React.js 入門について話しました。
React.js とは
- UI を構築するためのライブラリ
- Facebook社が開発しているライブラリでコミュニティも活発で安心して使える
- 多くのコンポーネントが提供されており開発が捗る（参照：https://github.com/brillout/awesome-react-components）
などなど、様々な特徴があります。
TechLunch での発表内容
React.js は UI を構築するためのライブラリなのでデータフローを管理する仕組みは提供していません。 開発の際にはデータフロー管理のために、Flux/Immutable.js などの考え方や技術要素を必要とします。 今回の TechLunch の発表では Flux/Immutable.js についても簡単に触れつつ発表しました。
目次はこちら。
- React.js
- Flux
- Immutable.js
詳細はこちらをご覧ください。
まとめ
- 全ては Component、シンプルに保つことを意識する
- 小さく Component を作り、組み立てることにより UI を構築する
- Flux と併用しデータフローを意識する
- Immutable.js 便利
最後に
React.js は比較的新しい技術で、仮想 DOM の使用によりブラウザのレンダリングが早いなどの利点が多々あります。 必要に応じて新しめの技術も取り入れながら、ジョブメドレーをよりよいプロダクトにしていきたいと思っています。
お知らせ
メドレーでは、ジョブメドレーだけでなく、医師たちがつくるオンライン医療事典「MEDLEY」やオンライン診療アプリ「CLINICS」、口コミで探せる介護施設の検索サイト「介護のほんね」などのプロダクトも提供しています。これらのサービスの拡大を受けて、その成長を支えるエンジニア・デザイナーを募集しています。
今後ともメドレーを、よろしくお願いいたします！
www.medley.jpwww.medley.jp