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.wantedly.com www.wantedly.com www.medley.jp