React Native with Expo: ゼロチョから正しく学ぶ
zerocho
Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。
Basic
React, React Native, Hybrid App
BEST
Slack クローン コーディング [React を使用したリアルタイム チャット]
Slack サービスを参考に、本格的な React Web 開発を始めましょう。会員登録、ログイン、ルームの作成、リアルタイム チャットまで!
学習した受講者のレビュー
こんなことが学べます
React Web 開発
フロント初期設定（CRAなし）
SWR (リダックス代替)
Emotion(スタイルド コンポーネント)
Socket.ioリアルタイムチャット
私の手作りチャットアプリケーション、
効果的に、より簡単に！ 💬
この講義では？
Slack（スラック）サービスに従って作る
本格的なリアクトウェブ開発を始めましょう！
（スラック+リアクト、別名Sleact！）
リアクトウェブ開発、
どうやって学ぶべきですか？
最近、私はリダックスをうまく使う傾向がありませんでした...
JavascriptからTypeScriptに移行しています...
本当ですか？
こんな言葉をたくさん聞きましたか？悲しいことに本当です。そのため、この講義でもReduxを蹴り、JavaScriptの代わりにTypeScriptを適用しました。リダックスなしでもリアクトアプリ開発が可能で、タイプスクリプトも思ったより難しくないことをお見せします！
こんな方におすすめです！
React Webの開発方法を学びたい方
TypeScriptを新しく学びたい方
クローンコーディングでフロントエンドパーツを実装したい方
ゼロ秒スラッククローン、
フロントエンドの悩み完璧解決！
- 最新のフロントエンドトレンドに合わせてタイプスクリプトでサービスを制作します。ただし、タイプスクリプトが消えてしまう方のためにJavaScriptにも進めるように講義を構成しました。 （JavaScriptのソースコードを提供！）
- リダックスを使用しません。 SWRというライブラリを代わりに使用します。
- 会員登録、ログイン、チャットルームの作成、ユーザーの招待、リアルタイムチャット、ユーザーのメンション、画像のアップロードなど、チャットアプリケーションの実装に必要な機能をすべて実装します。
- レッスンでは説明しませんが、バックエンドのソースコードも付属しています。
このようなスキルを学びます。
React
SWR
Socket.io
Emotion
TypeScript
Webpack+Babel
自分で作ってみてください！
リアルタイムチャットとオンラインリスト
#1
ソースコード
提供します。
#2
質問にすばやく
答えます。
私のコースの利点はQ&Aです。質問があれば、一日で答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう！
知識共有者を紹介します。
よくある質問💬
Q. タイプスクリプト、ぜひ知っておくべきですか？
個人的にタイプスクリプトを学ぶことをお勧めします。 JavaScriptの生態系はますますタイプのスクリプトに移行しています。ただし、この講座ではJavaScriptのソースコードを提供し、映像でタイプスクリプトを適用する部分をお知らせしますので、JavaScriptだけでも進めることができます。 （tsx、tsファイルをjsx、jsに置き換えて：タイプ、<タイプ>部分をクリアするだけで終わりです。とても簡単です）
Q. SWRは検証済みのライブラリですか？
Next.jsとnow.shを作成したVercel（旧Zeit）で作成したライブラリです。信じて使うこともできます。羽毛スターが16,000個です〜
Q. 設定時に CRA を書かなかった理由はありますか？
私はいつも講義でCRAをせずに手動で設定することを原則としています。手動でセッティングする方法を知らなければCRAの原理もわかりますからね。原理を知ってからCRAを書くことをお勧めします。
受講前に参考にしてください！
- Socket.ioは2バージョンを使用しています。 2バージョンをインストールする必要があります。
- 実際に展開されたサービスはsleact.nodebird.comで入手できます。
- よくある質問はよくある質問でまとめてInflearnブログに掲載します。
- 映像や内容に問題がある場合は、お問い合わせください。再編集してアップロードします。
- 講義にいないのに実装が気になったことがある場合、多くの方が質問されればボーナス映像を制作します。
選手の知識及び連携講義
必須選手の知識
Webゲーム8個でリアクト、バーベル、Webパックまで！
タイプスクリプトをもっと学ぶには！
最近大勢！ JSより安定したTSの世界
他のクローンコーディング講義が気になったら？
とんでもない22時間Twitterクローン！
こんな方に
おすすめです
学習対象は
誰でしょう？
React 文法を学び、本格的に Web 開発をしたい方
単純なチュートリアルではなく、きちんとサービスに従って作成したい方
TypeScript を使用して開発の安定性を高めたい方
前提知識、
必要でしょうか？
HTML/CSS
JS の基礎知識
React 基本文法（無料講座を受講してください）
65,530
受講生
1,602
受講レビュー
9,702
回答
4.8
講座評価
22
講座
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.
👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)
カリキュラム
全体
46件 ∙ (11時間 1分)
11. 会員登録ページ作成
13:58
12. カスタムフック作成
10:14
14. ログインページ作成
08:40
16. swr 設定の確認
07:12
21. メニュー作成
16:59
22. モーダル作成
29:50
23. チャンネル作成モーダル
13:46
25. ユーザー招待モーダル作成
10:54
講座掲載日:
最終更新日:
受講レビュー
全体
94件
4.8
94件の受講レビュー
dyonglove受講レビュー 25
∙
平均評価 4.2
4
100% 受講後に作成手ごろな価格ではないのに、クラスを聴くのは難しいです。 YouTubeで無料で公開する講義なら十分に聞くことができるだろうが、整頓もされておらず、毎回公式文書にすべて出ていると言われるが…ありますか？定石があるので、誰もが一等級を受けるわけではないですね。定石に全部出ているので見ればいいと、ある部分は大まかに説明すれば聞く人によっては非常に難しくて混同して感じることもあります。バックエンドとフロントエンドをあえて分けるのも値上げする方便だと思います。二つの講義が自然に繋がらない感じですが、まずバックエンドを作ったのですがフロントに来てみると、講師様が作った部分にコンフィグ部分が私が作った側にはないとか。また、その前のレベルに該当するのはすでに知っている内容なので、忙しい会社員として、すべての講義に多時間を投資することはできません。まるで数学をめちゃくちゃうまくやっているわけではありませんが、毎回集合だけ見ているとは思えません。前講義より上位レベルの講義を撮っても独立した講義で作っていただきたいです。実は色々な講義を聞いて、私が感じる不便さを最大限過ぎないように伝えるためにたくさん悩んだので、この部分はタイプスクリプト講義を聞いて感じた感想が出てきたようですが。全講義を知らなかった私としてはあまり得られる感じではありませんでした。だから何度も聞いて把握しようとしているのですが、本業も忙しいのでそれほど講義を聞く負担が上がり、その不満が講師様に向けられて申し訳ない心もありますが、こういう意見もあることをご確認ください。最後の配布部分も、それでどのように実質的に配布し、目に見える結果を見ることができるのか気になることが解決されない感じです。それぞれスタイルが違うと思いますが、個人的に価格に比べて良い質の講義ではないと思います。しかし、私が今まで聞いたゼロチョの講義の中で、今回のフロントエンド講義が一番良かったと思います。前後の部分に音楽を取り出してくださったことも、受講生たちの意見を聞いて心配してくださったという考えに感謝した気がしました。これからも発展するゼロチョ様になりますように。
- zerocho知識共有者
大切なコメントありがとうございます。私が最近講座は講義教案も作成し、より体系的に授業を作っていますが、タイプスクリプトの方は初創期講座なので、はるかに精神のない感じが強く召されたようです。私が最近講座を出したとしたら、JavaScript+タイプスクリプトを合わせて講座を出してJavaScript部分はYouTubeに無料で解放されたようですね。この部分は私が次第にリニューアルしながら改善していくようにします。スラッククローンコーディング講座については、もともとフロントとバックエンドを合わせて9～10万ウォンに発売しようとしたが、フルスタック講座の負担になる方が多く、ターゲット層を分離しました。ところが分離したまま発売してみると、それぞれバグや講座改善事項が積み重ねられ、二つのつながりが少しずれた部分があったようですね。もう一度練習して修正します。知っている部分を教えてください。苦情が多かったのですが、できるだけ配慮して受講評を残してくださったのが感じられます。誠実なスカンピョン残してくれてありがとうと申し訳ありません。
- dla14347593
受講レビュー 4
∙
平均評価 4.3
- ckdduf6651459
受講レビュー 2
∙
平均評価 5.0
- milkyway
受講レビュー 6
∙
平均評価 5.0
5
100% 受講後に作成まだ講義は全部聞いていませんが、十分に良い講義だと思われ、インフラで受講評してほしいポップアップが浮いて事前に少ないです。 まず講座紹介そのままタイプスクリプトを書いたが、与えるリアクト、ウェブパック、SWR、Emotion、Socket.IO講座と考えればいいと思います。リアクト+タイプスクリプトを勉強しに講座を聞くと少し残念です。逆に言えば、タイプスクリプトを知らなくても講義を聞くには何の問題もありません。 ただ、私のおすすめはオールインワンタイプスクリプト講座を進め、リアクト+タイプスクリプトの勉強をしようとする方が軽くタイプスクリプトも書いて聴きやすい講座という気がします。 長所を先に言えば、まずはリアクトに忠実な講義であるだけにリアクト構造、開発方向をつかむのに最適です。 2つ目はWebパックの初期設定を知らせて起動するのには分からなくても開発するのに支障はありませんが、後で本当に重要なのが初期設定だと思うほど初期設定に関する内容が本当に良かったです。 3つ目は、スタイルを身に着けるときにどの単位でスタイルコンポーネントを作るかを提示し、そのまま授業進行するのもよかったです。最後にソケット通信に関する基本説明とヒントを与えるのも良かったのですが、これは今聞いているので確信はありませんね。 欠点は、私が見たときに出てきたか、ちょっとした講義とコードが変わっていることです。ただ、FitHubにアップデートコードを着実に上げておいて、詰まっていることがあるなら、インフラの質問掲示板やSlackに質問すれば、答えを早くしてくれるので、一人で勉強する気があれば十分補完可能で、私は講義内容と並行してFetHub react-query内容も一緒に反映して聞いているのにライブラリアップデートに変わった内容は十分に検索して解決できるレベルでした。 最後に講義聞くヒントを言えば初期セッティングのような場合には変わり点があるので、追いつきながら聞かないで一旦フェイトハブコードを貼り付けてからじっくりと講義を聞いてみて一人でセッティングしてみる方法も良いと思います。 そして基礎講義であるだけに、すでにリアクトとタイプスクリプトを実務でうまく使用中であり、ソケット通信も適用してうまく書いたことがあれば、思ったより内容が少ないでしょう。 個人的に前に得ていくことが多く、良い経験になった講義でした。
- dongwooklee96
受講レビュー 3
∙
平均評価 4.3
￥4,691
zerochoの他の講座
知識共有者の他の講座を見てみましょう！
![[改訂3版] Node.js教科書 - 基本からプロジェクト実習までCourse Thumbnail](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編Course Thumbnail](https://cdn.inflearn.com/public/courses/329424/cover/5ae4e14d-c643-46be-9d4d-be3987a1f883/329424-eng.png?f=avif&w=420)
![[リニューアル]タイプスクリプトオールインワン：Part1。Course Thumbnail](https://cdn.inflearn.com/public/courses/329282/cover/08ece3d3-46fe-4a46-932b-8aca91135e8e/329282-eng2.png?f=avif&w=420)
![配信アプリ クローンコーディング [with React Native]Course Thumbnail](https://cdn.inflearn.com/public/courses/328411/cover/b51a3e0d-e2b3-49b3-8f7c-7677fb920434/328411-eng.png?f=avif&w=420)
![Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]Course Thumbnail](https://cdn.inflearn.com/public/courses/327193/cover/010c8faf-bfc5-4c6a-9623-a68dc3b38697/327193-eng.png?f=avif&w=420)
![[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門Course Thumbnail](https://cdn.inflearn.com/public/courses/327126/cover/edca2ab2-47b4-45b7-92c6-5bb00fd125eb/327126.jpg?f=avif&w=420)
![[リニューアル] ReactでNodeBird SNSを作成するCourse Thumbnail](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
似ている講座
同じ分野の他の講座を見てみましょう！
![手を動かしながら学ぶReact A to Z [19バージョン反映]Course Thumbnail](https://cdn.inflearn.com/public/courses/329170/cover/223c54c0-9220-4937-836d-70a36be3eb1c/329170-eng.png?f=avif&w=420)
![[コードファクトリー] [初級] 8時間で終わるコードファクトリのTypescript完全征服フルコースCourse Thumbnail](https://cdn.inflearn.com/public/courses/330970/cover/3c24c2b8-9dc1-44ed-af4e-2b58542a6504/330970-eng.png?f=avif&w=420)
![[Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS CoreCourse Thumbnail](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
