初心者のためのReact入門と勉強法について | ランサーズ（Lancers）エンジニアブログ
@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 アプリ開発入門 | ランサーズ（Lancers）エンジニアブログ
はじめまして、森(@mori-dev) と申します。React.js/redux, Rails, Node を使ったアプリの開発を行っています。 このエントリーでは、ランサーズでの React.js/redux プロジェクトの設計/実装などの雰囲気がわかるような概要を書きます。 じっさいのプロジェクトのコードはそれなりのサイズですので、lancers-redux-sample-app という形で基本的な部分を取り出しました。GitHub で公開しています。 https://github.com/LancersDevTeam/lancers-redux-sample-app コミットはすべて私になっていますが、チームの成果からの抽出です。フロント側の開発メンバーは私の他に @numanomanu さんと @takepo さんです。 ではコミットを追ってゆきます。パッケージ管理では yarn
ES6 + React.js + Redux で作るチャットシステム | ランサーズ（Lancers）エンジニアブログ
アプリケーションエンジニアのyutakaです。 先日ランサーズのメッセージ機能をリニューアルしました。 ランサーズのメッセージ機能はリアルタイムのチャット形式で他のユーザーさんとコミュニケーションがとれる機能となっています。 リニューアルに伴って、フロントエンドの技術も大幅な変更を行い、ES6 + React.js + Reduxを導入しています。 今回はランサーズで新しく導入した技術と背景についてお話させて頂きます。 背景 以前からチャット機能のクライアントサイドプログラムには以下の問題がありました。 細かくモジュール化されていない どこでどんなイベント（処理）が発火しているのか分からないので処理が追いづらい 一つのファイルに３つの機能が存在しており、密結合な作りになっている HTMLの僅かな変更でもロジックに影響が出てしまう リニューアルの内容を考えると既存コードの改修は難しく、新たに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
