React Native with Expo: 제로초에게 제대로 배우기
제로초(조현영)
웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.
초급
React, React Native, 하이브리드 앱
BEST
Mã hóa Slack Clone [Trò chuyện trực tiếp với React]
Hãy bắt đầu phát triển web React chuyên nghiệp bằng cách tạo theo dịch vụ Slack! Từ đăng ký thành viên, đăng nhập, tạo phòng, trò chuyện trực tiếp!
Dịch cái này sang tiếng Việt
Phát triển web React
Thiết lập ban đầu phía trước (không có CRA)
SWR (thay thế Redux)
Emotion (thành phần được định dạng)
Socket.io trò chuyện trực tiếp
Một ứng dụng trò chuyện được tạo ra bằng chính đôi tay của tôi,
Hiệu quả hơn, đơn giản hơn! 💬
Trong bài giảng này?
Được tạo ra sau dịch vụ Slack
Hãy bắt đầu phát triển web React hoàn chỉnh!
(Slack + React, còn gọi là Sleact!)
Phát triển web React,
Tôi nên học như thế nào?
Tôi nghe nói Redux không còn được sử dụng nhiều hiện nay...
Tôi nghe nói bạn đang chuyển từ JavaScript sang TypeScript...
Có đúng vậy không?
Bạn đã nghe điều này nhiều chưa? Đáng buồn thay, đó lại là sự thật. Vì vậy, trong bài giảng này, chúng ta đã loại bỏ Redux và sử dụng TypeScript thay vì JavaScript. Tôi sẽ chỉ cho bạn thấy rằng việc phát triển ứng dụng React mà không cần Redux là hoàn toàn khả thi và TypeScript không hề khó như bạn nghĩ!
Tôi giới thiệu điều này tới những người này!
Bất kỳ ai muốn học cách phát triển web bằng React
Dành cho những ai muốn học lại TypeScript
Bất kỳ ai muốn triển khai phần front-end thông qua mã hóa bản sao
Bản sao chậm không giây,
Những lo ngại về phía trước đã được giải quyết hoàn toàn!
- Chúng tôi phát triển các dịch vụ bằng TypeScript để theo kịp các xu hướng front-end mới nhất . Tuy nhiên, đối với những người không muốn sử dụng TypeScript, bài giảng đã được cấu trúc sao cho có thể sử dụng JavaScript. (Đã cung cấp mã nguồn JavaScript!)
- Tôi không sử dụng redux. Thay vào đó, hãy sử dụng thư viện có tên là SWR .
- Nó thực hiện tất cả các chức năng cần thiết để triển khai ứng dụng trò chuyện, chẳng hạn như đăng ký thành viên, đăng nhập, tạo phòng trò chuyện, mời người dùng, trò chuyện thời gian thực, nhắc đến người dùng và tải hình ảnh.
- Mặc dù không được giải thích trong bài giảng, mã nguồn phần mềm cũng được cung cấp.
Học những kỹ năng này.
Phản ứng
SWR
Socket.io
Cảm xúc
Kiểu chữ
Webpack+Babel
Hãy tự làm nhé!
Trò chuyện trực tiếp và danh sách trực tuyến
#1
Mã nguồn
Cung cấp.
#2
Trả lời câu hỏi một cách nhanh chóng
Tôi sẽ trả lời bạn.
Điều tuyệt vời nhất trong khóa học của tôi là phần Hỏi & Đáp. Nếu bạn có bất kỳ câu hỏi nào, chúng tôi sẽ trả lời trong vòng một ngày.
Hãy học tập tích cực bằng cách thoải mái đặt câu hỏi về nội dung liên quan đến khóa học.
Nó sẽ giúp bạn hiểu nội dung tốt hơn!
Giới thiệu người chia sẻ kiến thức .
Blog Zerocho và
Điều hành kênh YouTube
Công ty TNHH Pickup Today
Giám đốc công nghệ
Những câu hỏi thường gặp 💬
H. TypeScript, tôi có thực sự cần biết nó không?
Cá nhân tôi khuyên bạn nên học TypeScript. Hệ sinh thái JavaScript đang ngày càng chuyển dịch sang TypeScript. Tuy nhiên, khóa học này cung cấp mã nguồn JavaScript và hướng dẫn bạn cách áp dụng TypeScript trong video, do đó bạn có thể chỉ cần sử dụng JavaScript. (Chỉ cần đổi các tệp tsx, ts thành jsx, js và xóa phần :type, <type>. Rất đơn giản.)
H. SWR có phải là thư viện đã được xác minh không?
Một thư viện được tạo ra bởi Vercel (trước đây là Zeit), những người tạo ra Next.js và now.sh. Bạn có thể tin tưởng và sử dụng nó. GitHub có 16.000 ngôi sao~
H. Có lý do gì khiến bạn không sử dụng CRA khi thiết lập không?
Tôi luôn đặt ra nguyên tắc là không sử dụng CRA trong bài giảng của mình mà phải thiết lập thủ công. Bạn cần biết cách thiết lập thủ công để có thể hiểu cách CRA hoạt động. Tôi khuyên bạn nên sử dụng CRA sau khi bạn hiểu được các nguyên tắc.
Xin lưu ý trước khi tham gia lớp học!
- Socket.io sử dụng phiên bản 2 . Bạn phải cài đặt phiên bản 2.
- Bạn có thể tìm thấy dịch vụ triển khai thực tế tại sleact.nodebird.com .
- Những câu hỏi thường gặp sẽ được biên soạn thành FAQ và đăng trên blog Inflearn.
- Nếu có vấn đề gì với video hoặc nội dung, vui lòng liên hệ với chúng tôi, chúng tôi sẽ chỉnh sửa lại và tải lên.
- Nếu có điều gì bạn tò mò muốn thực hiện mà không có trong bài giảng và nhiều người đặt câu hỏi, tôi sẽ tạo một video tặng kèm.
Kiến thức của người chơi và bài giảng liên quan
Kiến thức cần thiết cho người chơi
Tám trò chơi web với React, Babel và Webpack!
Nếu bạn muốn tìm hiểu thêm về TypeScript!
Xu hướng hiện nay! Thế giới của TS ổn định hơn JS
Bạn có tò mò về các bài học lập trình bản sao khác không?
Một bản sao Twitter điên rồ kéo dài 22 giờ!
Khuyến nghị cho
những người này!
Khóa học này dành cho ai?
Bất kỳ ai muốn học ngữ pháp React và bắt đầu phát triển web một cách nghiêm túc
Dành cho những ai muốn tạo ra một dịch vụ phù hợp thay vì chỉ là một hướng dẫn đơn giản
TypeScript để học cách phát triển với độ ổn định cao
Cần biết trước khi bắt đầu?
HTML/CSS
Kiến thức cơ bản về JS
Cơ bản về cú pháp React (Hãy đến và nghe khóa học miễn phí)
64,568
Học viên
1,553
Đánh giá
9,639
Trả lời
4.8
Xếp hạng
22
Các khóa học
제 강의의 장점은 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)
Chương trình giảng dạy
Tất cả
46 bài giảng ∙ (11giờ 1phút)
4. Cài đặt Frontend
20:28
6. chạy ts + webpack
09:57
12. Tạo custom hook
10:14
16. Xem cài đặt swr
07:12
21. Tạo menu
16:59
22. 모달 만들기
29:50
23. Modal tạo kênh
13:46
25. 사용자 초대 modal 생성
10:54
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
93 đánh giá
4.8
93 đánh giá
특별한 지렁이Đánh giá 25
∙
Đánh giá trung bình 4.2
4
100% đã tham gia저렴한 가격도 아닌데 수업 듣기가 너무 어렵습니다. 유투브에서 무료로 공개하는 강의라면 충분히 그럭저럭 들을 수 있겠지만, 정돈도 안되어있고, 매번 공식문서에 다 나와있다고 보시라고 하시는데.. 공식문서를 제시해주시는 건 좋지만, 기본적으로 수학의 정석이 있지만 그래도 강사님의 역할이 있는거 아니겠습니까? 정석이 있으니 모든 사람이 1등급 받는건 아니지요. 정석에 다 나와있으니 보면 된다하고 어떤 부분은 대충 설명하시면 듣는 사람에 따라서는 매우 어렵고 혼동스럽게 느껴지기도 합니다. 백엔드와 프론트엔드를 굳이 나누는것도 가격올리는 방편이라는 생각이 듭니다. 두 강의가 자연스럽게 연결되지도 않는 느낌이구요, 먼저 백엔드를 만들었는데 프론트에 와서 볼때는 강사님이 만드신 부분에 컨피그 부분이 제가 만든쪽에는 없다던지.. 그럴때마다 뭔가 불안함을 느낍니다. 또한, 그 전 레벨에 해당하는 건 이미 아는 내용이라 바쁜 직장인으로서 모든 강의에 다 시간을 투자할 수 없습니다. 마치 수학을 엄청 잘하는건 아니지만 매번 집합만 보고 있을 순 없듯이요. 전 강의보다 상위 레벨의 강의를 찍더라도 독립된 강의로 만들어주셨으면 합니다. 사실 여러 강의를 듣고 제가 느끼는 불편함을 최대한 과하지 않게 전달하기 위해 많이 고민한거라 이부분은 타입스크립트 강의를 들으며 느낀 감상이 나온것같긴 합니다만.. 이미 자바스크립트로 만들어놓은걸 타입스트립트로 바꾸시기만 하시는데 그 전강의를 안들은 저로서는 많이 얻어지는 느낌은 아니었습니다. 그래서 몇 번 더 듣고 파악하려는 중이지만, 본업도 바쁘기 때문에 그럴수록 강의를 듣는 부담이 올라가고 그 불만이 강사님을 향하게 되어 죄송한마음도 있습니다만, 이런 의견도 있다는걸 알아주시기 바랍니다. 마지막 배포부분도 그래서 어떻게 실질적으로 배포하고 눈에 보이는 결과를 볼 수 있는지 궁금증이 해결되지 않는 느낌입니다. 각자 스타일이 다른거라고 생각합니다만, 개인적으로 가격대비 좋은 질의 강의는 아니라고 생각합니다. 하지만 제가 여태껏 들은 제로초님 강의들 중에 이번 프론트엔드 강의가 제일 좋았다고 생각합니다. 앞뒷부분에 음악 꺼주신것도 수강생들 의견을 듣고 배려해주신거라는 생각에 감사한 마음이 들었습니다. 앞으로도 발전하시는 제로초님이 되시길 바랍니다.
- 제로초(조현영)Giảng viên
소중한 의견 감사합니다. 제가 요즘 강좌는 강의교안도 작성하고 좀 더 체계적으로 수업을 만들고 있는데 타입스크립트쪽은 초창기 강좌라서 훨씬 더 정신 없는 느낌이 강하게 드셨을 것 같습니다. 제가 요즘 강좌를 냈다면 아예 자바스크립트+타입스크립트 합쳐서 강좌를 내고 자바스크립트 부분은 유튜브에 무료로 풀던지 했을 것 같네요. 이 부분은 제가 차차 리뉴얼하면서 개선해나가도록 하겠습니다. 슬랙 클론코딩 강좌에 대해서는 원래 프론트랑 백엔드 합쳐서 9~10만원에 출시하려 했다가 풀스택 강좌 부담스러워하시는 분들이 많아서 타겟층을 분리했었습니다. 근데 분리한 채로 출시하다보니 각각 버그나 강좌 개선사항들이 쌓여서 둘의 연결고리가 좀 어긋난 부분이 있었던 것 같네요. 다시 제가 실습해보고 수정하겠습니다. 알고계신 부분 알려주시면 더 좋고요. 불만이 많으셨겠지만 최대한 배려해서 수강평 남겨주셨다는 게 느껴집니다. 진심인 수강평 남겨주셔서 감사하고 죄송합니다.
- dla1434
Đánh giá 4
∙
Đánh giá trung bình 4.3
4
100% đã tham gia제로초님의 강의를 꾸준히 듣고 있는데 설명이나 예제도 실무에서 활용할 정도로 좋다고 느끼고 있습니다. 근데 한가지 아쉬운 건 한번씩 강좌에서 복붙하거나 크게 중요하지 않는 소스는 빠르게 진행되는 경우가 있어서 해당 코드를 적용하는데 시간이 걸리는 경우가 있습니다. 강좌별로 git branch가 분리되어 있으면 좀 더 수월하게 예제를 확인하고 테스트 해볼수 있을 거 같습니다. 또 중간에 설명이나 언급한 싸이트나 문서는 링크를 남겨주시면 쉽게 참고 할 수 있을 거 같습니다. 마지막으로 매번 좋은 내용으로 강의해주셔 감사합니다.
- shut up and squat
Đánh giá 2
∙
Đánh giá trung bình 5.0
- Milkyway
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
100% đã tham gia아직 강의는 다 듣지 않았지만 충분히 좋은 강의라 생각되고, 인프런에서 수강평 적어달란 팝업이 떠서 미리 적습니다. 우선 강좌 소개 그대로 타입스크립트를 쓰긴 하지만 주는 리액트, 웹팩, SWR, Emotion, Socket.IO 강좌라 생각하시면 될거 같습니다. 리액트 + 타입스크립트 공부 하러 강좌를 듣는다면 조금 아쉬울순 있습니다. 반대로 말하면 타입스크립트를 모르셔도 강의를 듣는데는 아무런 문제가 없습니다. 다만 제 추천은 올인원 타입스크립트 강좌를 진행 하셨고 리액트+타입스크립트 공부를 하시려는 분이 가볍게 타입스크립트도 쓰면서 듣기 좋은 강좌란 생각이 듭니다. 장점을 먼저 말하면 첫 번째는 리액트에 충실한 강의인 만큼 리액트 구조, 개발 방향을 잡는데 좋습니다. 두 번째는 웹팩 초기 세팅을 알려주고 시작하는데 몰라도 개발하는데는 지장 없지만 나중에 정말 중요한게 초기 세팅이라 생각하는 만큼 초기 세팅에 관한 내용이 정말 좋았습니다. 세 번째는 스타일을 입힐 때 어떤 단위로 스타일 컴포넌트를 만들 건지 제시하고 그대로 수업 진행하는 것도 좋았습니다. 마지막으로 소켓 통신에 관한 기본 설명과 팁을 주는 것도 좋았는데 이건 지금 듣는 중이라 확답은 못드리겠네요. 단점은 제가 볼 땐 나온지 좀 된 강의라 코드가 바뀐게 많다는 점 입니다. 다만 깃허브에 업데이트 코드를 꾸준히 올리고 계시고 막히는게 있다면 인프런 질문 게시판이나 슬랙에 질문 하면 답변을 빨리 해주시기 때문에 혼자 공부할 마음이 있다면 충분히 보완 가능하고, 저는 강의 내용과 병행하여 깃허브 react-query 내용도 같이 반영하며 듣고 있는데 라이브러리 업데이트로 바뀐 내용은 충분히 검색해서 해결할수 있는 수준이었습니다. 마지막으로 강의 듣는 팁을 말하자면 초기 세팅같은 경우에는 바뀐점이 있으니 따라치면서 듣지 마시고 일단 깃허브 코드를 복붙한 다음 차근차근 강의 들어보시고 혼자 세팅해보는 방법도 좋다 생각합니다. 그리고 기초강의인 만큼 이미 리액트와 타입스크립트를 실무에서 잘 사용중이시고 소켓 통신 또한 적용하여 잘 써본적이 있다면 생각보다 내용이 적을순 있습니다. 개인적으로 전 얻어가는게 많아서 좋은 경험이 됐던 강의였습니다.
- 넉리
Đánh giá 3
∙
Đánh giá trung bình 4.3
Khóa học khác của zerocho
Hãy khám phá các khóa học khác của giảng viên!
![[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지강의 썸네일](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![배달앱 클론코딩 [with React Native]강의 썸네일](https://cdn.inflearn.com/public/courses/328411/cover/b51a3e0d-e2b3-49b3-8f7c-7677fb920434/328411-eng.png?f=avif&w=420)
![Slack 클론 코딩[백엔드 with NestJS + TypeORM]강의 썸네일](https://cdn.inflearn.com/public/courses/327193/cover/010c8faf-bfc5-4c6a-9623-a68dc3b38697/327193-eng.png?f=avif&w=420)
![[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문강의 썸네일](https://cdn.inflearn.com/public/courses/327126/cover/edca2ab2-47b4-45b7-92c6-5bb00fd125eb/327126.jpg?f=avif&w=420)
![[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편강의 썸네일](https://cdn.inflearn.com/public/courses/329424/cover/5ae4e14d-c643-46be-9d4d-be3987a1f883/329424-eng.png?f=avif&w=420)
![[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편강의 썸네일](https://cdn.inflearn.com/public/courses/329282/cover/08ece3d3-46fe-4a46-932b-8aca91135e8e/329282-eng2.png?f=avif&w=420)
![[리뉴얼] React로 NodeBird SNS 만들기강의 썸네일](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![[리액트 2부] 고급 주제와 훅강의 썸네일](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?f=avif&w=420)
![모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]강의 썸네일](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?f=avif&w=420)
![[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/course-326181-cover/d012cab3-58e1-45cd-899e-03f86c7b1df1?f=avif&w=420)
