React.jsを学び始めたい人にアドバイスはありますか？ - DEV コミュニティ
トップコメント (29)
折りたたみ 展開
位置: インド
仕事: フルスタックデベロッパー
入社: 2020年4月6日
React.jsを学ぶ前に、以下のES6+の機能をしっかり理解しておくことが大切です。これらの機能はReactでよく使用されています。
- letとconst
- アロー関数
- オブジェクトと配列の分割代入
- オブジェクト略記法
- テンプレートリテラル
- restとspread演算子
- オプショナルチェイニング
- プロミス
- インポート＆エクスポート
- async/await
- find、filter、map、reduceなどの配列メソッド
- 基本型と参照型
もっと学ぶには、以下の記事をチェックしてください：
また、このコースも参考にしてください。
折りたたみ 展開
将来のソフトウェア開発者
ありがとう ❤
折りたたみ 展開
位置: インド
仕事: フルスタックデベロッパー
入社: 2020年4月6日
どういたしまして
折りたたみ 展開
位置: エスポー、フィンランド
仕事: VR Group（フィンランド鉄道）のシニアデベロッパー
入社: 2019年5月7日
ウェブに焦点を当てるなら、最初にHTML、CSS、DOMに時間を費やしましょう。ウェブ標準のすべてです。
現在、利用可能性が低く、CSSのアーキテクチャが貧弱で、ブラウザが提供する機能を再発明することが多いReactベースのアプリが氾濫しています。これらの要因が不必要な余分な作業をもたらす結果、さらにJavaScriptを書いてJavaScriptで引き起こされた問題を修正する無限のサイクルが生じています。
とくにReactは「Reactの方法」で問題を解決しようとしますが、それはReactの考え方にのみ関連する問題です。これにより不必要な複雑さが加わり、あなたがブラウザで実際に物事がどのように機能するかを知っていれば決して遭遇しないであろう問題が引き起こされます。Reactで何を解決するべきではないかを知っているときに仕事で有利になることができます。
折りたたみ 展開
プロジェクトが心にあることを確認してください。
Reactは手段であり、目的ではありません（ウェブサイト、ブログ、電子商取引のウェブサイトなど）。これはあなたをモチベートさせ、学びを実用的に保ちます。
個人的にはfullstackopenがとても役に立ちました：fullstackopen.com/en/。
それは無料で、各レッスンではプロジェクトを作成し、お互いに積み重ねていきます。
折りたたみ 展開
将来のソフトウェア開発者
ありがとう ❤
折りたたみ 展開
位置: アスニエール＝シュル＝セーヌ、フランス
仕事: シニアフロントエンドエンジニア
入社: 2020年7月26日
まずJavaScriptをよく理解していることを確認してください。初心者の間違いとその修正方法についてここに投稿をしました => dev.to/_ndeyefatoudiop/struggling-...
折りたたみ 展開
思考の変化が必要です。技術的な要件は確かにありますが、この分野についての多くの未解決の心理と不明確な期待は、多くの人々が離脱することにつながっています。
-
難しい分野ですが、結果（特に給料）は難しい部分を上回ります。
-
基本を学ぶという退屈な初心者の仕事があります。他に方法はありません。これを遅らせるほど、道のりが長くなり、リスクも高まります。
-
"("から") => { //コードはこちら }"をアロー関数として認識し、これと同じ構文を目にして理解するための、基本的な構文を書いて見る、書いて見る、書いて見るという12-15時間の経験が必要です。Reactや任意のライブラリやフレームワークのあらゆるものは、これら基本的な構造を用いて作成されています。基本的な構文を見て識別し、また書くことができるように自分自身を洗脳しなければなりません。
-
この累積的な最初の12-15時間を、あなたが望む限り遅らせることができます。できるだけ早くこれを行うことが賢明です。
-
ReactはUIを書き、それに含まれるデータを管理することを助けるライブラリです。それがReactの核心です。通常はnpm、webpack、create-react-app、viteなどの異なるフレーバーや形で多くのツールが付属してきます。このツールからReactを別のものとして見ることが不可欠です。最初は簡単ではありませんが、そのために努力すべきです。
-
学習したすべての概念を再検討して、それらを強化し、もう一度境界を押し広げます。これをたくさん行ってください。
-
繰り返しが鍵です
折りたたみ 展開
最初は小さなものから始めてください。計算機や天気アプリなどです。
ドキュメンテーションを参照し、YouTubeの動画を使ってやりたいことを学びましょう。
折りたたみ 展開
将来のソフトウェア開発者
ありがとう ❤
折りたたみ 展開
位置: コインバトール
仕事: Fakend.fyiの創設者
入社: 2019年9月3日
Fakendのようなツールを使って、モックAPIでより多くのものを作るようにしてください。
折りたたみ 展開
フルスタックデベロッパー
位置: 地球
教育: CS大学生
代名詞: 彼/彼氏
入社: 2024年1月30日
JavaScript、DOMについて十分な理解を持ち、プロジェクトを作りながら学んでいくことを検討してください 👍。
- まずは1週間以上Reactの基本的な紹介をしてみましょう。
- 続いて数週間は基本的な知識（理論的）を活かし、freeCodeCampのチュートリアルを使って作成を試みる必要があります。
- すでに基本を知っているので、チュートリアルを進めるのは大した問題ではないでしょう。
折りたたみ 展開
🤖 手作り開発者 - 1983年から成功を重ねてコーディングしています
位置: バンコク 🇹🇭
入社: 2018年6月1日
やめといたほうがいい！😜
折りたたみ 展開
将来のソフトウェア開発者
なぜですか？
折りたたみ 展開
🤖 手作り開発者 - 1983年から成功を重ねてコーディングしています
位置: バンコク 🇹🇭
入社: 2018年6月1日
TBH - 私が扱った中でもあまり楽しめないUIライブラリの一つで、性能もそんなに良くないです。Vue、Svelte、またはRiotJSなどを試してみてください。それらははるかに良い経験を提供します。
ただJSXのコードを見るだけで吐きそうになります！🤮
折りたたみ 展開
...元ミュージシャン、声優、武道家、38年前からコーディングを始め、25年以上前からフロントエンド開発者になりました。
位置: ドイツ
仕事: GoToの元スタッフソフトウェアエンジニア、現在職を探しています
入社: 2017年6月13日
それらのフレームワークの背後にあるコンセプトを学んだ後で、フレームワークを学んでください。
折りたたみ 展開
ReactのメインチュートリアルであるTic Tac Toeを通して学んでみるといいでしょう。本当にこれによって、Reactの知識がまったくなかった私が、今やReactをメインのフロントエンドフレームワークとして使っています。
react.dev/learn/tutorial-tic-tac-toe
折りたたみ 展開
将来のソフトウェア開発者
ありがとう ❤
折りたたみ 展開
こんにちは、私はswapnanil Royです。非常に情熱的な開発者で、すでにC、Java、データ構造、JavaScript、React.js、Redux-toolkit、Node.js、Express.js、Rest APIなどを学んでいます...
位置: インド ウェストベンガル州コルカタ
教育: Brainware University - 卒業（コンピュータ応用学士）
代名詞: 私は開発者Cool@neelです
仕事: Githubにプロジェク
こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/jr01/any-advice-for-someone-who-wants-to-start-learning-reactjs-1omd
