🔴 Fast Food App UI - React Native Tutorial

🔴 Fast Food App UI - React Native Tutorial

Hello everyone 👋, In this video I'm going to show you how you can create a beautiful fast food app UI using react native, expo, tailwindcss, animations, heroicons and navigation. make sure you like this video and subscribe the channel for more react native videos. 🚀 Source Code and Assets: https://codewithnomi.com/projects/fast-food-app If you appreciate my work and you would like to support my channel: https://www.buymeacoffee.com/codewithnomi #reactnative #javascript #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #expo #react #animation react native animations animations in react native 🚨 more videos on react native: Movie App : https://youtu.be/Q1xQuCpYIFE Weather App : https://youtu.be/953vyZMO4cM Coffee App UI : https://youtu.be/mhyuMy4aI-M Youtube Clone App: https://youtu.be/AVovt3gFmsg Login | SignUp UI : https://youtu.be/RhF4iUCiwSs App Store UI : https://youtu.be/Wp6JtHj4lyM Fruit Shop UI : https://youtu.be/UwW__s37agw Firebase Authentication React Native: https://youtu.be/idPGWpVLHP0 Learn React Native: https://www.youtube.com/playlist?list=PLKWMD009Q4qTGuqXxRq51f8OoDaIoJ1yo Learn Reactjs: https://www.youtube.com/playlist?list=PLKWMD009Q4qT1UgUrphG9ArfZblaL3fc5

Building auth and onboarding flows with protected routes

Building auth and onboarding flows with protected routes

Expo SDK 53 introduces protected routes: an alternative to redirect-based auth flows. In this video you'll learn how to implement logged in / logged out states, an onboarding flow, and conditional bottom tabs with the new protected routes. Starter project: https://github.com/kadikraman/expo-router-example Code from the video: https://github.com/kadikraman/expo-router-example/tree/main/6-protected-routes Protected routes docs: https://docs.expo.dev/router/advanced/protected Protected routes blog: https://expo.dev/blog/simplifying-auth-flows-with-protected-routes 00:00 - Intro 00:27 - Protected routes at a glance 00:58 - Example project setup 02:30 - Protected routes in practice 04:05 - Route resolution order 05:41 - Nesting protected routes 06:07 - Logged in modals 07:19 - Persisting auth state 10:40 - Adding an onboarding flow 13:09 - Conditional bottom tabs 14:49 - Thank you for watching! #Expo #ReactNative #reactnativetutorial

이터레이터 헬퍼 맛보기 | FE재남

이터레이터 헬퍼 맛보기 | FE재남

이터레이터 헬퍼?이터레이터 헬퍼(Iterator Helper)는 ECMAScript 2025(ES2025)에 새롭게 추가될 기능으로, 이터레이터를 더욱 편리하게 사용할 수 있도록 돕는 다양한 인터페이스의 집합입니다. ES2015에서 이터레이터…

차트 끝판왕, 단타 1위가 알려주는 트레이딩뷰 사용법 2023 | How to use TradingView

차트 끝판왕, 단타 1위가 알려주는 트레이딩뷰 사용법 2023 | How to use TradingView

✍🏻 트레이딩뷰의 실질적인 사용 방법을 다루어 봤습니다. 일반적으로 알려진 기능의 튜토리얼 소개보다는 정말 어떤게 매매에서 필요한지 중점으로 다뤄봤으니 도움이 될 수 있기 바랍니다. 트레이딩뷰 가입 및 $30 혜택 https://kr.tradingview.com/?aff_id=14757 *— 1달 만에 5만 원으로 1억 원 만듦 (선물거래 수익률 150,000%) —* ✅ 유튜브에서 영상으로 인증하는 사람은 처음 보실 겁니다. https://youtu.be/qVW9ZrffN80 *— 비트코인 차트분석 트레이딩뷰 (2018년~) —* ✅ 오랜 기간의 차트분석을 직접 눈으로 확인하십시오. https://bit.ly/3v1JNRg *— 이힛차트 커뮤니티 —* ✅ 디스코드에서 트레이딩 및 기술적분석을 공부하십시오. https://discord.gg/kNzjb69yZk *— 선물거래소 수수료 할인 혜택 —* 저는 검증된 경험을 무료로 배울 수 있도록 공유해 드리고 있습니다. 수수료 할인 혜택, 팬심, 저를 멘토 삼아 가입해 주신 분들께 감사 말씀 드립니다.🫡 🔥 비트겟 가입하기 ( 수수료 50% 할인 + 선호도 랭킹 1위 ) https://bit.ly/3GRF5re (코드입력 ib9t) 🔥 빙엑스 가입하기 ( 수수료 20% 할인 + 최다 파생상품 거래 지원 ) https://bit.ly/3FcpK6E (코드입력 RHMSASA) 🔥 바이비트 가입하기 ( 수수료 20% 할인 + 선물거래소 TOP 3 ) https://bit.ly/3HVChuC (코드입력 8369) 🔥 비트멕스 가입하기 ( 수수료 10% 할인 + 최초의 선물거래소 ) https://bit.ly/3h1sO9u #비트코인 #차트분석 #선물거래 🕛 Timestamp 00:00 Intro 00:38 전체 UI 설명 02:25 캔들 시간 프레임 즐겨찾기 03:15 보조지표 사용 03:56 리플레이 05:03 왓치리스트 06:39 차트 커스터마이징 11:20 보조지표 추천 13:29 차트 도구 사용 18:50 자석 사용 19:56 그리기, 보조지표 숨기기 20:56 로그,선형 차트

Cursor와 Windsurf 성능 10배 향상시키는 AI 규칙 설정 방법 | cursorrules

Cursor와 Windsurf 성능 10배 향상시키는 AI 규칙 설정 방법 | cursorrules

안녕하세요, 개발동생입니다. 얼마 전 콜로소와 함께한 온라인 클래스 소식을 전해드렸는데요, 그때 주말 동안 1차 얼리버드 수량이 모두 마감되었다고 합니다! 많은 관심과 성원에 감사드립니다! 그리고 원래는 오늘부터 가격이 인상되어야 하지만, 더 많은 분들께 혜택 드리고자 콜로소에서 일요일 자정까지만 얼리버드 현재 가격을 유지해준다고 합니다. 혹시라도 관심이 있지만 아직 수강 신청하지 못한 분들은 내일 일요일까지만 4만원 할인 쿠폰이 적용 가능하니 하니까 혜택 꼭 챙겨가셨으면 좋겠습니다! 🔗 콜로소 커리큘럼 & 쿠폰 바로가기 https://bit.ly/4gluWpB 오랜 기간 준비하고 많은 분들이 기대해주시는 만큼 좋은 강의로 만나 뵙도록 노력하겠습니다. 감사합니다.

Cursor, V0, ChatGPT 조합이면 코딩 시간 절반으로 줄일 수 있습니다.

Cursor, V0, ChatGPT 조합이면 코딩 시간 절반으로 줄일 수 있습니다.

콜로소 개발동생 클래스 🔗 https://bit.ly/3OhlmaH 코딩 시간을 절반으로 줄일 수 있는 AI 코딩 워크플로우를 소개합니다. 이번 영상에서는 제가 직접 사용하는 Cursor, V0, ChatGPT와 같은 AI 도구들을 활용한 실전적인 코딩 워크플로우를 공개합니다. 이 워크플로우를 통해서 여러분들의 개발 시간을 줄이는데 도움이 되었으면 합니다. AI 개발 도구가 낯설거나, 생산성을 극대화하고 싶은 분들은 꼭 시청해 보세요! 프로젝트 레포지토리(PRD, Instruction, 코드 등) https://github.com/devbrother2024/mood-diary/tree/main

React Hook Form (+ Zod) - Complete Tutorial

React Hook Form (+ Zod) - Complete Tutorial

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Learn: 1) Traditional form (without React Hook Form) 2) Form with React Hook Form 3) Form with React Hook Form and Zod 4) Form with React Hook Form and Zod and server-side errors Complete code: https://github.com/ByteGrad/react-hook-form-with-zod-and-server-side Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Add authentication to your app FAST: https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Discord: all my courses have a private Discord where I actively participate 🔔 Email newsletter (BIG update soon): https://email.bytegrad.com ⏱️ Timestamps: 0:00 Intro 0:27 Traditional form 8:50 Adding React Hook Form 17:59 Before & After 18:54 Adding Zod 27:25 Adding server errors #webdevelopment #programming #coding Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)