Develop a Complete Mobile App in 30 Minutes with TypeScript - React Native
Learn how to use a public API to create a native mobile application with the JavaScript React Native framework.
In this tutorial we create a native mobile application to view a list of top Hacker News articles using TypeScript. When you select an article we display the contents of the article in a WebView.
Steps:
1) Create new React Native app
2) Add navigation packages
3) Create service to get data from Hacker News API (Medium article on this https://jakecyr.medium.com/react-native-http-request-to-populate-a-list-243f58df657f)
4) Setup App component for navigation
5) Add Home and Article pages
6) Add list to Home screen using service
7) On article click, redirect to Article screen with WebView
8) Build if you want to publish to the app store (checkout my Medium article on this https://jakecyr.medium.com/react-native-publishing-to-ios-with-expo-ce0603544b0b)
If you like this video don't forget to like and subscribe to not miss out on future videos!
References:
Install Expo CLI:
https://docs.expo.io/get-started/installation/
Setup React Native (and navigation):
https://jakecyr.medium.com/create-your-first-react-native-app-a3aa989a7e4e
React Native Webview (NPM):
https://www.npmjs.com/package/react-native-webview
Hacker News API Endpoint:
https://hn.algolia.com/api/v1/search?tags=front_page
209
views
1
comment
Node.js MySQL Database Queries using Heroku ClearDB
Learn how to make MySQL database queries from Node.js with the Prohairesis MySQL wrapper library. Use prepared statements to prevent SQL injection and setup local environmental variables for development.
Prohairesis NPM Package:
https://www.npmjs.com/package/prohairesis
Heroku:
https://dashboard.heroku.com/apps
Complementary Medium Article:
https://jakecyr.medium.com/mysql-database-with-node-js-531c5784c9aa
97
views
How to Create a Responsive Portfolio Website from Scratch - HTML, CSS, Bootstrap Tutorial
How to Create a Responsive Portfolio Website from Scratch - HTML, CSS, Bootstrap Beginner Tutorial
Hey guys! Today we are going to create a full portfolio website from scratch using HTML, CSS and the Bootstrap 4 CSS library.
If you are unfamiliar with web development don't worry! In the video we only use basic HTML elements and add a couple of inline CSS attributes.
The resulting website can be used as a resume in addition to and linked from your Linkedin and current resume document.
Steps to setup your project:
1. Create a new folder on your computer for this project
2. Open your favorite text editor and create a new file with a ".html" extension
3. Copy the links from here: https://pastebin.com/z4Lz6sPV and paste them in between the 'head' tags in your HTML file.
4. Save you file and double click the HTML file in your file explorer window (or Finder if on Mac) to open it in your browser
5. Follow the tutorial
⚑ SUBSCRIBE TO MY CHANNEL ⚑
If you are looking to increase your coding experience rapidly make sure to subscribe to make sure you don't miss future videos!
ツ CONNECT WITH ME ツ
Leave a comment on this video and I'll respond
99
views
Git and GitHub Crash Course for Beginners
How to use git - Git Tutorial (Using GitHub)
Commands:
"git init" - initialize a new git repository in your code folder
"git remote add origin {REPO URL}" - connect GitHub repository to your local git repo
"git add ." - track all changes to files in the current folder
'git commit -m "{MESSAGE HERE}"' - Commit changes (create version of changed files)
"git push origin master" - Push all local commits to your GitHub repository
⚑ SUBSCRIBE TO MY CHANNEL ⚑
If you are looking to increase your coding experience rapidly make sure to subscribe to make sure you don't miss future videos!
ツ CONNECT WITH ME ツ
Leave a comment on this video and I'll respond
417
views