The Dev Environment
The Dev Environment
  • Видео 11
  • Просмотров 104 542
Build Your App For Production EASY 💰 Expo + React Native
In this video I will show you how to easily bundle your Expo + React Native Applications.
Expo Router Typescript:
github.com/thedevenvironment/expo-router-typescript
Build Commands:
npx eas-cli build -p ios --profile preview --local
npx eas-cli build -p android --profile preview --local
0:00 - Introduction
0:41 - iOS Build
2:17 - Android Build
#expo #reactnative #tutorial
Просмотров: 1 875

Видео

Getting Started with React Native & Expo in 2024 (Typescript, Unit Tests, Styling, Expo Router, etc)
Просмотров 16 тыс.8 месяцев назад
If you're looking to use React Native and Expo in 2024, this is the best way to get working. In this video we talk about how to get up and running, how to get your app working on iOS, Android and Web. GitHub - Expo Router Typescript: github.com/thedevenvironment/expo-router-typescript Expo Docs: docs.expo.dev/
Intermediate React Frontend Coding Challenge [Typescript, UI]
Просмотров 7309 месяцев назад
Today we do a coding challenge where we build a countdown timer using SVGs, intervals and more. Follow along with me and learn the ways of the master. 😉 GitHub: github.com/thedevenvironment/youtube-tutorials/tree/main/006-degrees-per-minute Our Website: thedevenvironment.com
React Live Coding Test | Memory Game /w TypeScript (Intermediate/Senior) FAANG
Просмотров 1,7 тыс.11 месяцев назад
Follow along as I solve this live coding interview using React.js and Typescript. View Code on GitHub: github.com/thedevenvironment/youtube-tutorials/tree/main/005-memory-game Coding Challenge Rules: Create a memory game where users have to match cards into pairs. Rules: Users are presented with 10 pairs of matching cards (20 cards total) in random order. The cards are displayed for 3 seconds, ...
Using WebViews in React Native + Expo | The Dev Environment
Просмотров 10 тыс.Год назад
Today we are learning how to use the WebView component in React Native and Expo; this component allows you to inject web content in your app. We also talk about Expo platform specific file extensions. Expo-Router-Typescript GitHub: github.com/thedevenvironment/expo-router-typescript Expo WebView Documentation: docs.expo.dev/versions/latest/sdk/webview/ React Native WebView Documentation: github...
Routing + Animations In React-Native / Expo!
Просмотров 8 тыс.Год назад
In this video we talk about using expo-router and react-native-animatable to make beautiful applications that work on web, ios and android. Expo Router Quickstart: github.com/thedevenvironment/expo-router-typescript React Native Animatable: github.com/oblador/react-native-animatable Expo Router Docs: docs.expo.dev/guides/routing-and-navigation/
Getting Started With React Native & Expo in 2023
Просмотров 37 тыс.Год назад
The 2024 version of this video is out now! 🚨 ruclips.net/video/Xb-HxFGayfY/видео.html 👆👆👆👆👆👆👆👆👆 Want to build amazing native and web applications using React Native and Expo? In this video I introduce you to the benefits of using React Native / Expo instead of just web or native frameworks / languages. I'm looking forward to diving deeper into some tutorials for routing, styling, animations and...
Senior Front End React Interview Challenge (FAANG) - Breaking Bad
Просмотров 14 тыс.Год назад
This is a real-life first round React developer interview question. We're creating a dynamic Breaking Bad Logo Generator. It's a really fun challenge. #react #faang #coding #codinginterview GitHub: github.com/thedevenvironment/youtube-tutorials/tree/main/003-breaking-bad
LETTING AN AI WRITE CODE FOR ME! 😳🤯
Просмотров 4 тыс.Год назад
Today, I use the ChatGPT service from OpenAI to solve Day 04 (Part 1) of the advent of code. It's mind blowing how good this thing is! If you want to try out Chat GPT check it out here: chat.openai.com/chat If you want to follow along with me on the Advent of Code Check it out here: github.com/thedevenvironment/2022-advent-of-code And Try advent of code yourself here: adventofcode.com/
React Coding Challenge | Building a Clock w/ Typescript
Просмотров 1,7 тыс.Год назад
This is a fun coding challenge / interview question! Build a clock with an hour, minute and second hand that updates in real time. In this tutorial I use Styled Components and we also create a custom hook to extract the time in degrees to display on the clock. GitHub Link: github.com/thedevenvironment/youtube-tutorials/tree/main/002-clock
Doing a React Coding Challenge! (Junior/Intermediate) w/ Typescript
Просмотров 9 тыс.Год назад
Follow along as I solve this mock coding interview using React.js and Typescript. Coding Challenge Rules: 1. Create a react application that allows users to click the screen and leave a dot (10px x 10px) 2. create an "undo" button that allows users to remove the last dot. * it can be clicked as many times as needed. (until all dots are removed.) 3. create a "redo" button that puts the dots back...