Code 401: Class 43 - Gatsby, next.js, other JS Frameworks

Questions

What does React Native do when it builds your application? It translates it (renders it) in the native language necessary for the iPhone or Android platforms
Can you simply deploy a react web app to the phone? No, a react web app will be accessible to any platform if used in the browser, but to deploy locally it wil need to be in a native form.

Eject To expose the native code
Android AVD Android virtual device
Expo A tool built on top of React Native that makes it easier to develope and test apps build for iOS and/or Android

Using React may want to have a few static rendered pages for SEO
Page based routing
auto code splitting
pre-rendering, static generation and server-side rendering
client-side routing
built in CSS and Sass support
API routes to build API endpoints with Serverless Functions
Fully extendable
$npx create-next-app <app name>
$npm run dev starts development server
“Simply create a JS file under the ‘pages’ directory, and the path to the file becomes the URL path”
<Link> allows you to do client-side navigation
import Link form 'next/Link'
Change this: <h1> Learn <a href="www.x.com">Example</a></h1> to <h1> Read {' '} <Link href="www.x.com"><a>Example</a></Link></h1>
Client side navigation page transition happens using JS, faster than default navigation via browser
Vercel for deployment

$npm install -g gatsby-cli
$gatsby new <app name> create a new gatsby project
$gatsby develop starts the development server on http://localhost:8000/
Surge for deploying
- $npm install -g surge to install surge cli
- $gatsby build to prep a project for deployment
- $surge public to publish