Reactベストプラクティスの宝庫！「bulletproof-react」が勉強になりすぎる件

2021/11/08 667 users bulletproof-react アーキテクチャ 宝庫

Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソース... 続きを読む

React を深く知るための入り口

2021/03/07 664 users 各論 枚挙 いとま 総論 入り口

Reactに対する見方をアップデートする 国内外の優れた開発者の方による React の各論の記事は枚挙にいとまがありません。しかし、React の入門を一通り終えた方に向けの浅く広い総論はあまり見かけません。 React の公式ドキュメントのトップページに掲載されている短い3つの文章があります。この React の本質を表現し... 続きを読む

10年引きこもりニートしてた就職氷河期直撃アラフィフでも社会復帰してReactで成り上がれるよ｜erukiti｜note

2020/11/16 592 users どん底 キチ クッソ erukiti N予備校

社会問題にもなっている就職氷河期直撃世代のえるきちです。クッソどうでもいい専門学校を出てから10年引きこもりニートしてました。 どん底（と言っても本当にどん底ではないかもしれない）からでも、普通に人生なんとかなるみたいな話です。あと、怪しげなサロンやスクールに通うくらいならN予備校に通う方がいいと思... 続きを読む

現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti｜note

2020/03/29 743 users ウェブアプリケーション angular erukiti 追記

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなく... 続きを読む

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

2020/01/04 551 users Qiita TypeScript DOM Vue ライブラリ

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript +... 続きを読む

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

2019/10/17 507 users コリス Vue Edition フック 工程

日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下... 続きを読む

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog

2019/09/04 520 users hooks Grid CSS 教材 あっという間

id:daido1976 です。入社してからあっという間に1年が経っていました。 直近3ヶ月ほどプライベートでフロントエンド開発の勉強をしていたのですが、ここ数年で CSS の Grid や React の Hooks が新しく導入されたことなどもあり、少し古いコンテンツだと教材として役立たない1 と感じることが多かったので、本記事では私... 続きを読む

正真正銘のReactだけの不純物なしでReact入門

2019/02/20 563 users 正真正銘 React入門 チュートリアル 不純物 面倒ごと

Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと... 続きを読む

ReactとVueってどう違う？全く同じアプリをReactとVueで作成してみて分かった相違点 | コリス

2018/09/06 551 users コリス Vue 工程 相違点 元ザ

日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サ... 続きを読む

【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) - Rのつく財団入り口

2018/04/25 835 users angular フレームワーク Vue.js 財団入り口

2018 - 04 - 23 【JavaScript】３大フレームワーク Angular, React, Vue.jsを比べてみよう (2018年4月) IT 開発 プログラミング フレームワーク アーキテクチャ JavaScript TypeScript Angular React Vue.js TDD フロントエンド IT 開発 プログラミング フレームワーク アーキテクチャ JavaScri... 続きを読む

ReactとAngular、使うならどっち？ JavaScriptギークが6つの視点で徹底比較 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/04/13 880 users JavaScrip angular エンジニアHub 視点

2018 - 04 - 13 ReactとAngular、使うならどっち？ JavaScriptギークが6つの視点で徹底比較 Reactか、Angularか。どちらを選ぶか悩ましいものですが、エキスパート2人がそれぞれのポイントを徹底解説します。 JaveScript React Angular インタビュー Tweet ReactとAngular、どちらを選ぶべきか？ 使用するJavaScrip... 続きを読む

Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想 –

2018/04/01 560 users Vue 世間 結論 後悔 機会

Vueを昔触った後Reactをどっぷり触ってまたVueを触ってReactを触った感想 最近ReactとVueをどっちも触る機会があったり、「ReactとVueどう選定するの？」という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけ... 続きを読む

jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | ヌーラボ

2018/03/26 697 users jQuery styled-components ヌーラボ

Typetalk フロントエンドエンジニアの岡藤です。先日Typetalk Webサイトリニューアル に伴い、フロントエンドの技術を jQuery から  React + styled-components  に刷新しました 。 本記事では、React を用いた Web サイト制作についてお伝えします。 はじめに タイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣... 続きを読む

Vue.js の基礎を学ぶために LearnCode.academy の学習動画を活用したら最高だった - kakakakakku blog

2018/02/18 545 users Vue.js redux kakakakakku blog

2018 - 02 - 18 Vue.js の基礎を学ぶために LearnCode.academy の学習動画を活用したら最高だった Vue.js JavaScript LearnCode.academy とは？ www.youtube.com LearnCode.academy という YouTube チャンネルがあり，Vue.js や React + Redux などを解説した，無料の学習動画... 続きを読む

ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

2018/01/09 508 users Qiita Props React製 state jsx

はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールで... 続きを読む

なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

2017/11/16 918 users dev.to エヴァンジェリスト Pwa 自分 SPA

最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴ... 続きを読む

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた – HTML5Experts.jp

2017/11/06 999 users トピック 手助け エキスパート 白石 セッション

こんにちは、編集長の白石です。 この記事は、9月24日に開催された HTML5 Conference 2017 に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、「Nintendo SwitchとWeb」という講演をされていた任... 続きを読む

Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた | HTML5Experts.jp

2017/11/06 998 users HTML5Experts.jp

連載： HTML5 Conference 2017特集 (11) こんにちは、編集長の白石です。 この記事は、9月24日に開催された HTML5 Conference 2017 に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回は、... 続きを読む

Reactで学ぶ！いまどきのWeb開発 // Speaker Deck

2017/03/20 847 users Speaker Deck Web開発

All slide content and descriptions are owned by their creators. 続きを読む

Reactで学ぶ！いまどきのWeb開発 // Speaker Deck

2017/03/19 844 users Speaker Deck Web開発

All slide content and descriptions are owned by their creators. 続きを読む

たぶんこれが一番分かりやすいと思います React + Redux のフロー図解 - Qiita

2017/01/05 749 users redux Qiita React+Redux 理解 人向け

読者対象 Tutorial: Intro To React - React Example: Todo List · Redux 「チュートリアルそれぞれ一周した！Reactは何とか理解できたが， Reduxがさっぱりわかんねぇ！ 」 ぐらいの人向け。自分もまだ未熟なので理解の確認のために書いた。 「React」と「React+Redux」の決定的な違い React単体の場合，Reactコンポーネ... 続きを読む

私たちはなぜReactではなくVue.jsを選んだのか | プログラミング | POSTD

2016/12/29 808 users Drupal POSTD スペ Vue.js プログラミング

私たちはなぜReactではなくVue.jsを選んだのか Qwintryチームは最近、既存のすべてのプロジェクトのフロントエンドをVue.jsに移行しはじめました。新しいプロジェクトでもVue.jsを使います。 レガシーなDrupalのシステム（qwintry.com） ゼロから新しく書きなおすqwintr私たちはなぜReactではなくVue.jsを選んだのか Qwintryチームは最近、既存のすべ... 続きを読む

2016年、サーバーサイドエンジニアがゼロからReact/Reduxを学習したときの方法を振り返る | BLOG | 株式会社スタジオ・アルカナ

2016/12/12 698 users redux Babel サーバーサイドエンジニア Blog

こんにちは。スタジオ・アルカナのサーバーサイドエンジニアなっちゃんです。 この記事は React Advent Calendar 2016 の13日目の記事です。 それは2016年も後半へ差し掛かったある日のことでした… 上司「次の案件、この辺の技術使うから軽く勉強しておいてー」 つ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel ... 続きを読む

Reactの最新動向とベストプラクティス // Speaker Deck

2016/09/03 642 users ベストプラクティス Speaker Deck 最新動向

All slide content and descriptions are owned by their creators. 続きを読む

早く・それなりの UI を実現する React コンポーネントセット 16 選 - Qiita

2016/07/11 592 users Qiita Bootstrap ライブラリ 既存 事前

これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CS... 続きを読む