ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

Labels:  JavaScript 投稿者:takepo

初心者に向けたサンプル付きReact入門と勉強法について

@takepo です。
先日、【サポーターズ勉強会】React入門 というイベントで再度登壇させていただきました。
その登壇の際のスライドをあげさせていただきます。

内容はReact初心者向けのものになっていて、コードサンプル付きで説明させていただきました。

  • React とは
    • React
    • Component
    • JSX
    • props と state
    • Componentライフサイクル
  • よくReactと一緒に聞くRedux, yarn, webpackなどの概要説明
  • JavaScript初心者の私が、React×ReduxによるSPA開発の一員になるまでの勉強法

実はこのReact入門という形で登壇させていただくのは2回目になりますが、
前回の資料からパワーアップしている部分もあるため。あらためて資料をあげさせていただきました。
ちなみに前回登壇した際の記事はこちら

スライド中にのせたこちらもぜひ!
ランサーズ流 React.js/redux アプリ開発入門
React Redux を用いた SPA 新規サービスを運用して得た知見と実装例
JavaScript初心者の私が、React×ReduxによるSPA開発の一員になるまで

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。


【中途採用】
フロントエンドエンジニア
サーバーサイドエンジニア
コーポレートエンジニア
SREエンジニア

【新卒採用・その他】
21・22新卒
その他採用情報

関連記事

thumbnail
ランサーズ流 React.js/redux アプリ開発入門

はじめまして、森(@mori-dev) と申します。React.js/redux, Rails, Node を使ったアプリの開発を行っています。 このエントリーでは、ランサーズでの React.js/redux プロジェクトの設計/実装などの雰囲気がわかるよう …

thumbnail
redux アプリで定期実行処理を書くには

森です。redux アプリで redux-saga を使って定期実行処理を書いてみました。 要件 redux-saga で以下を実装する方法を検討しました。 定期的にステート(本稿では reducer で分割したストア)の値をチェックして何かする 定期的に A …

thumbnail
手軽に美しく実装!ファイルアップロード用JavaScriptライブラリ4選

ランサーズでは、現在、Webエンジニアを募集しています。 詳しくは、募集要項をご覧下さい。 こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量 …