INTRODUCING
#THEFUTUREISWRITTENINCODE

New React Native Expo Tutorial with Expo Image Picker Camera and Firebase Storage Upload #firebase #camera #reactnative #react FULL VIDEO - https://youtu.be/tX_HPvwB-5c

Simplify Your Image Uploads with Expo Image Picker Camera and Firebase Storage #reactnative #firebase #camera Learn how to upload images to Firebase Storage from a React Native Expo mobile application using Firebase javascript API and Expo Image Picker Camera. We will also create a simple list in the UI showing the images that were uploaded to storage We will walk through the whole project including setting up Firebase, setting up the expo project, using .env file for project keys, using the Expo Image Picker Camera and much more. I will go back and forth between coding the solution and referencing the documentation so that when you go through the video or the source code you know where I got the information from so you can investigate further if you like /// Sign Up For Our Newsletter​ https://buff.ly/3lAk2jL 💥 Chapters -------------------------- 00:00:00 - Intro 00:00:43 - Create Firebase Project 00:02:55 - Create Expo Project 00:05:14 - Install Additional NPM Packages and Expo Libraries 00:12:40 - Initialize Firebase and .env file 00:23:19 - Setting Up Camera and permissions From Expo Image Picker 00:28:40 - Using Camera to Take a Picture 00:34:20 - Adding Function to Upload Image To Firebase Storage 00:47:50 - Resolve Error Uploading Files - Missing Firebase Configuration Information 00:49:26 - Fix null fileName from Image Picker Camera 00:52:50 - Get a List of Storage Bucket Contents from Firebase Storage 01:04:40 - Create a Component Using FlatList to render name of file from Firebase Storage Bucket 01:14:00 - Wrap Up 💥 Links -------------------------- Expo - https://docs.expo.dev Expo Image Picker - https://docs.expo.dev/versions/latest/sdk/imagepicker/ Firebase - https://docs.expo.dev/guides/using-firebase/ react-native-dotenv - https://www.npmjs.com/package/react-native-dotenv React Native Mobile Apps, Integrating Expo Image Picker, Firebase Storage Buckets and Image Upload and Listing Bucket Contents image picker, expo, firebase storage, camera, react native dotenv, mobile app, tutorial, image upload

Another Year… Happy Birthday to Me!!!

Learn to Build with Ionic Vue Capacitor: Live Coding Section from RenderATL Talk #ionic #vue #tutorial I talked about using Ionic Framework, Capacitor, and both javascript tools for the efficient development of mobile applications. ///// The key point in the talk was about leveraging existing web development experience with javascript to build mobile applications so you can start on your project on Day 1 NOT spend time learning a new set of tools and/or frameworks and developer experience ///// Part of the talk was a live coding section which I have reproduced in this video. I have provided a link to the source code and the slides. I Video will eventually be posted to the RenderATL YouTube Channel /// Sign Up For Our Newsletter​ https://buff.ly/3lAk2jL Since this was from a talk so I did not do an install from scratch, the development environment was already set up in this video. See here for Ionic and Capacitor Configuration information - https://ionicframework.com/docs/intro/cli 💥 Chapters -------------------------- 00:00 - Intro 00:33 - Starting the Project Creation for Web App 02:10 - Adding Capacitor To Build Mobile Application 07:05 - Adding Capacitor Share Plugin / Using Plugin Repository 08:58 - Adding Code In Project to Utilize Capacitor Share Plugin 13:15 - Final Run of App with Plugin 💥 Links -------------------------- RnderATL Presentation - https://bit.ly/renderATL23-aks-slides Ionic Visual Studio Code Plugin - https://marketplace.visualstudio.com/items?itemName=ionic.ionic Ionic Vue - https://ionicframework.com/docs/vue/overview Capacitor - https://capacitorjs.com/ Share Plugin - https://ionicframework.com/docs/native/share #conference #renderatl #programming #programmer #javascript

How to Build And Deploy Mobile App With Konsta UI, Vue, and Ionic Capacitor #konsta #capacitor #vue Shows how to build a deploy a mobile app using vite vue konsta UI and ionic capacitor from start to finish running on an ios simulator. Capacitor is an open-source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS. Konsta UI is a library of pixel perfect mobile UI components built with Tailwind CSS With iOS and Material Design components for React, Vue & Svelte We create a tabs UI with a detail page showing how to create nested routes in vue using vue router /// Sign Up For Our Newsletter​ https://buff.ly/3lAk2jL 💥 Chapters -------------------------- 00:00 - Intro 00:38 - Setting Up Environment 03:34 - Initial Test For Tailwind / Konsta UI & Adding TailwindConfig 07:40 - Adding First Konsta UI Component 09:36 - Add Router and Route Config 13:41 - Adding Components for Tabs and TabRoot 15:46 - Adding Konsta UI Tabs / Introducing Nested Routes 26:00 - Adding a Child Page to a Tab 31:50 - Adding Back Button to NavBar 33:30 - Deploying To Device Using Ionic Capacitor 36:45 - Test App on Phone 37:08 - Addressing the Issue of SafeArea 💥 Links -------------------------- Vite - https://vitejs.dev/ TailwindCSS Vue - https://tailwindcss.com/docs/guides/vite#vue Konsta - https://konstaui.com/ Capacitor - https://capacitorjs.com/ /// SOURCE CODE https://github.com/aaronksaunders/vite-vue-konstaui-tailwind-tabs 💥 Social Media -------------------------- Twitter - https://twitter.com/aaronksaunders Facebook - https://www.facebook.com/ClearlyInnovativeInc Instagram - https://www.instagram.com/aaronksaunders/ Dev.to - https://dev.to/aaronksaunders #ionic #ionicframework #capacitor #vuejs #tabs #tailwindcss #konsta #tailwindlabs

Always nice to be recognized, and I will be returning the favor next week when I do a talk on mobile app development at ​⁠ #ionic #vue #react #mobile #mobileapp #programming #programmer

Unlock the Secret to Building Amazing Apps with 5 Hours of React Native Tutorials! 👉🏼 Book a one to one with me https://ko-fi.com/s/8ba3c11d35 If you're looking to learn how to build amazing apps with React Native, then you've come to the right place! Working with React-Navigation DrawerNavigator and StackNavigator created a sample template application showing how to use a Drawer Navigator with Stack Navigator in React Native. We then integrate authentication with supabase and form management and validation with React Hook Form Join me on my journey of refreshing my memory with React Native and building mobile applications. Playlist Linked Below - https://www.youtube.com/playlist?list=PL2PY2-9rsgl0TTqJk3tCNJnBAjwHCjdYM #reactjs #reactnative #learning #reactnavigation #supabase #reacthookform #programming #programmer #react #reactnativetutorial