jjanmo / react-tutorials

Let's learn React to create fun projects 🚀

React Tutorials

해당 저장소는 리액트 생태계에서 허우적되는 모습을 기록해나가는 공간이다. 단순한 내용정리부터 작은 미니프로젝트까지 리액트를 알아가는 알콩달콩한 코드를 기록해 나갈 것이다.

Project01 - 레알 초보 튜터리얼 [done]

React tutorials in official site 🚀 at 2020

지금와서 새삼 느끼는 것은 공홈의 내용들이 진짜 너무나 중요한 내용들이었다는 사실을 다시금 깨닫고 있다. 주요 개념 파트뿐만 아니라 고급 안내서 파트는 알고 있다고 하더라도 반드시 정독을 해봐야할 부분이라고 생각한다.

Old Story

바야흐로 2020년 봄 어느날, 한 개발자 지망생이 리액트 공식 홈페이지를 보면서 코딩을 하고 있었다. 그렇게 1년 반이 지난 지금, 그 지망생은 프런트엔드 개발자로서 성장해나가고 있다. 그게 바로 나다.😅 project01은 그 당시 리액트 공홈을 보면서 리액트를 처음 공부했던 내용을 기록한 공간이다. 딱히 수정하지 않고 그 때의 기록으로서 남겨둘 생각이다. 참고로 지금 정리했던 부분을 다시 읽어보니 공홈의 주요 개념 파트 부분을 전부 다 정리한 것은 아니였다는...😱

Project02 - Coin Dashboard [-ing]

Project03 - KoalaTalk [-ing]

React with Firebase

참고 📺 Tweeter Clone Coding

Features

• 회원가입
• 로그인(이메일 / 소셜) / 로그아웃
• RealTime 채팅 with text
• 채팅 UI like kakaotalk
• 유저 프로필 CRUD
• Auth Guard : 회원가입 후 채팅 및 프로필 이용가능
• 홈화면 : 회원들 리스트 or 채팅방
• ErrorBoundary + Suspense 추가

Project04 - React Testing [-ing]

with 따라하며 배우는 리액트 테스팅

Project05 - React Libraries [-ing]

다양한 유명 리액트 라이브러리 경험기!

참고 리스트

Project06 - React SimpleChatApp [done]

WebSocket을 이용한 간단한 채팅 앱