ランサーズ（Lancers）エンジニアブログ

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

Labels:  JavaScript 投稿者：takepo

初心者のためのReact入門と勉強法について

@takepo です。
昨日09/25に【サポーターズCoLab勉強会】初心者のためのReact入門 というイベントで再度登壇させていただきました。その登壇の際の発表スライドをあげさせていただきます。

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

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

実はこのReact入門という形で登壇させていただくのは3回目になりますが、
前回の資料から最新情報をプラスしたり、より初心者向けにパワーアップしている部分もあるため、
あらためて資料をあげさせていただきました。
ちなみに前回登壇した際の記事はこちら！

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

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


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

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

その他採用情報

関連記事

thumbnail
SEOフレンドリーな無限スクロールの実装方法

飲み物は常温派のota（@purratto）です。自動販売機で常温のものも販売してくれればいいのになあ、と常々思っています。 ランサーズストアでSEOフレンドリーな無限スクロールをjQueryで実装しました。 サンプル向けに一部修正したコードを公開します。参考 …

thumbnail
コールバックスタイルの外部ライブラリなどの関数を redux-saga で使うには

森です。本日の課題とその対処です。 課題 外部ライブラリの関数が、コールバックスタイルのため、redux-saga の自前実装部分との実装の統一感がない。たとえば、navigator.geolocation.getCurrentPosition で現在地を取得 …

React×ReduxにおけるTypeScript入門

@takepo です。 昨日01/21に【サポーターズ】React×ReduxにおけるTypeScript入門 というイベントで登壇させていただきました。その登壇の際の発表スライドをあげさせていただきます。 内容はTypeScriptの基本的な部分とReact …