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

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よりご応募ください。


【中途採用】
サービスリードエンジニア
テックリード(アーキテクト)
フロントエンドエンジニア
サーバーサイドエンジニア
業務エンジニア(社内システム基盤・基幹システム)

【インターン・学生バイト】
19新卒対象サマーインターン
エンジニアインターン

その他採用情報

関連記事

thumbnail
redux-persist でブラウザストレージに一部のデータを保存しつつ、ストアに復旧するまで render を防ぐには

森です。 課題 redux-persist を使っていて、ブラウザリロード時にブラウザストレージからストアにデータを復旧する前に render されるのを防ぎたい。ストアに値があることが前提のコンポーネントでエラーになるから。公式ドキュメントとしてレシピがあっ …

5分で完了!Webサイトに簡単にチュートリアルが作れるIntro.jsの使い方

こんにちは。 開発部の 神庭(godgarden)です。   先日、サービスの操作説明をするために、操作マニュアル(チュートリアル)ようなものを作りたいって要望があり、少しだけ調べる機会がありました。 操作マニュアル(チュートリアル)といえば、前職の …

ES6 + React.js + Redux で作るチャットシステム

アプリケーションエンジニアのyutakaです。 先日ランサーズのメッセージ機能をリニューアルしました。 ランサーズのメッセージ機能はリアルタイムのチャット形式で他のユーザーさんとコミュニケーションがとれる機能となっています。 リニューアルに伴って、フロントエン …