PERN Stack Course - Postgres, Express, React, and Node

Learn the PERN stack in this full tutorial course for beginners. The PERN stack conisist of PostgreSQL, Express, React, and Node.js. Learn how to combine these technologies to build a full-stack web application!

⭐️ Course Contents ⭐️
⌨️ (0:00) Demo
⌨️ (1:35) Overview Diagram
⌨️ (3:39) Starting Our Server
⌨️ (7:09) Create PostgreSQL Database and Table
⌨️ (13:14) Connect Database and Server
⌨️ (15:30) Build Routes with PostgreSQL Queries
⌨️ (32:37) Restful API Overview
⌨️ (37:54) Set Up the Client Side (React)
⌨️ (40:59) Build The Input Todo Component
⌨️ (50:32) Build The List Todo Component
⌨️ (59:10) Build the Delete Button
⌨️ (1:04:49) Build the Edit Todo Component
⌨️ (1:19:47) PERN Stack Review

#nodejs #reactjs #javascript #express #postgres

What is GEEK

Buddha Community

PERN Stack Course - Postgres, Express, React, and Node

Autumn Blick

1598839687

How native is React Native? | React Native vs Native App Development

If you are undertaking a mobile app development for your start-up or enterprise, you are likely wondering whether to use React Native. As a popular development framework, React Native helps you to develop near-native mobile apps. However, you are probably also wondering how close you can get to a native app by using React Native. How native is React Native?

In the article, we discuss the similarities between native mobile development and development using React Native. We also touch upon where they differ and how to bridge the gaps. Read on.

A brief introduction to React Native

Let’s briefly set the context first. We will briefly touch upon what React Native is and how it differs from earlier hybrid frameworks.

React Native is a popular JavaScript framework that Facebook has created. You can use this open-source framework to code natively rendering Android and iOS mobile apps. You can use it to develop web apps too.

Facebook has developed React Native based on React, its JavaScript library. The first release of React Native came in March 2015. At the time of writing this article, the latest stable release of React Native is 0.62.0, and it was released in March 2020.

Although relatively new, React Native has acquired a high degree of popularity. The “Stack Overflow Developer Survey 2019” report identifies it as the 8th most loved framework. Facebook, Walmart, and Bloomberg are some of the top companies that use React Native.

The popularity of React Native comes from its advantages. Some of its advantages are as follows:

Performance: It delivers optimal performance.
Cross-platform development: You can develop both Android and iOS apps with it. The reuse of code expedites development and reduces costs.
UI design: React Native enables you to design simple and responsive UI for your mobile app.
3rd party plugins: This framework supports 3rd party plugins.
Developer community: A vibrant community of developers support React Native.

Why React Native is fundamentally different from earlier hybrid frameworks

Are you wondering whether React Native is just another of those hybrid frameworks like Ionic or Cordova? It’s not! React Native is fundamentally different from these earlier hybrid frameworks.

React Native is very close to native. Consider the following aspects as described on the React Native website:

Access to many native platforms features: The primitives of React Native render to native platform UI. This means that your React Native app will use many native platform APIs as native apps would do.
Near-native user experience: React Native provides several native components, and these are platform agnostic.
The ease of accessing native APIs: React Native uses a declarative UI paradigm. This enables React Native to interact easily with native platform APIs since React Native wraps existing native code.

Due to these factors, React Native offers many more advantages compared to those earlier hybrid frameworks. We now review them.

#android app #frontend #ios app #mobile app development #benefits of react native #is react native good for mobile app development #native vs #pros and cons of react native #react mobile development #react native development #react native experience #react native framework #react native ios vs android #react native pros and cons #react native vs android #react native vs native #react native vs native performance #react vs native #why react native #why use react native

Ricky Wiegand

1609426860

PERN Stack Mega Course: Postgres Express React Node 6.5Hrs!

Github Repo:
https://github.com/Sanjeev-Thiyagarajan/PERN-STACK-YELP-CLONE

FYI React hooks will be used

Today we are going to embark on a magical journey of learning the godfather of stacks… the justin timberlake of web stacks… the PERN!!! Stack!!! That’s right Mongo… suck it!!!

If you’ve been living under a rock and have no idea what the PERN stack is, well you should probably rethink your sad life. But don’t worry, with this course we’re going to build a really really crappy full stack yelp clone using PERN and we’re going to start from the absolute basics. If you’ve never worked with postgres before don’t worry, papa is here to walk you through all of the basics starting with installing on mac/pc, creating databases/tables, making queries, adding entries, establishing relationship between tables, sql joins.

After we show postgres who’s boss, we’re gonna ride express like the dirty pony that it is. We’ll build a fully functional API for our crummy Yelp clone. Idk what else express can do and who really cares.

Once we’re done spanking express we’ll move on to the hideous fronted, which is all done in React. We’ll be using React Router for routing and i will only cover hooks, cause classes are for squares… We will dabble with the context api for state management as well as the usual local state.

this is gonna be 6.5 hrs of mind numbingly boring coding and I know you guys can’t wait to get started. All code will be posted on github, because i know you morons can’t follow along to a simple video.

Subscribe to my Channel:
https://www.youtube.com/channel/UC2sYgV-NV6S5_-pqLGChoNQ?sub_confirmation=1 https://twitter.com/Sanjeev_Tea https://www.instagram.com/sanjeev_tea/

If any of the react concepts are confusing to you, please check out my completely free course on react/redux

https://www.courses.sloppynetworks.com/

timestamps

00:00 Intro
04:11 PERN Stack Intro
07:58 Postgres Windows Install
16:35 Postgres Mac install
29:13 Postgres Documentation
30:29 PSQL Basics
37:04 SQL Tables
38:53 Create Table
45:55 Modify Tables
48:28 Delete Databases
50:58 Yelp Project Database
01:09:57 Node Setup
01:12:45 Express Setup
01:15:57 Environment Variables
01:19:40 First Express Route
01:29:27 Restful API Convention
01:32:33 Configure all routes
01:42:34 Express Middleware
01:54:13 Finishing Up Routes
02:03:10 Connect Express and Postgres
02:14:20 Get all Restaurants Route
2:18:25 Gone one Restaurant Route
02:28:23 Create a Restaurant Route
02:35:28 Update A Restaurant Route
02:43:07 Delete A Restaurant Route
02:46:28 React Setup
02:52:52 React Router Setup
03:02:03 HomePage Layout
03:14:24 React Context API
03:20:17 Fetching Data
03:36:12 Rendering Restaurants
03:41:48 Adding Restaurants
03:56:26 Deleting Restaurants
04:03:05 Updating Restaurants
04:26:18 Detail Page
04:38:06 Reviews Intro
04:39:46 Reviews Postgres Table
04:55:20 Star Rating Component
05:02:49 Reviews Component Layout
05:08:18 Add Review
05:29:06 Add Review Express Route
05:37:43 Add Review React Component
05:48:04 Postgres Aggregate Functions
05:57:26 SQL Joins and Wrapping up App

#postgres #express #react #node

Code Camp

1597452303

PERN Stack Course - Build a Yelp clone (Postgres, Express, React, Node.js)

Learn the PERN stack by building a Yelp clone. The PERN stack includes PostgreSQL, Express, React, and Node. You will learn all the basics including installation, creating databases/tables, making queries, adding entries, establishing relationship between tables, SQL joins, and more.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:04:11) PERN Stack Intro
⌨️ (0:07:58) Postgres Windows Install
⌨️ (0:16:35) Postgres Mac install
⌨️ (0:29:13) Postgres Documentation
⌨️ (0:30:29) PSQL Basics
⌨️ (0:37:04) SQL Tables
⌨️ (0:38:53) Create Table
⌨️ (0:45:55) Modify Tables
⌨️ (0:48:28) Delete Databases
⌨️ (0:50:58) Yelp Project Database
⌨️ (1:09:57) Node Setup
⌨️ (1:12:45) Express Setup
⌨️ (1:15:57) Environment Variables
⌨️ (1:19:40) First Express Route
⌨️ (1:29:27) Restful API Convention
⌨️ (1:32:33) Configure all routes
⌨️ (1:42:34) Express Middleware
⌨️ (1:54:13) Finishing Up Routes
⌨️ (2:03:10) Connect Express and Postgres
⌨️ (2:14:20) Get all Restaurants Route
⌨️ (2:18:25) Gone one Restaurant Route
⌨️ (2:28:23) Create a Restaurant Route
⌨️ (2:35:28) Update A Restaurant Route
⌨️ (2:43:07) Delete A Restaurant Route
⌨️ (2:46:28) React Setup
⌨️ (2:52:52) React Router Setup
⌨️ (3:02:03) HomePage Layout
⌨️ (3:14:24) React Context API
⌨️ (3:20:17) Fetching Data
⌨️ (3:36:12) Rendering Restaurants
⌨️ (3:41:48) Adding Restaurants
⌨️ (3:56:26) Deleting Restaurants
⌨️ (4:03:05) Updating Restaurants
⌨️ (4:26:18) Detail Page
⌨️ (4:38:06) Reviews Intro
⌨️ (4:39:46) Reviews Postgres Table
⌨️ (4:55:20) Star Rating Component
⌨️ (5:02:49) Reviews Component Layout
⌨️ (5:08:18) Add Review
⌨️ (5:29:06) Add Review Express Route
⌨️ (5:37:43) Add Review React Component
⌨️ (5:48:04) Postgres Aggregate Functions
⌨️ (5:57:26) SQL Joins and Wrapping up App

💻 Code - https://github.com/Sanjeev-Thiyagarajan/PERN-STACK-YELP-CLONE

#node #react #express #postgresql #developer

Ricky Wiegand

1613401260

Deploying Full Stack App onto Ubuntu/AWS: Postgres, Express, React, Node + SSL Let's Encrypt

In this video I’m going I’ll cover how to deploy a full stack app onto an Ubuntu VM running on AWS. We’ll be deploying an app that runs on the Pern stack(postgres, express, React, node). The example project that will be deployed will be the one that is covered in the following tutorial:

We will be using Nginx to serve our app and make use of Let’s encrypt for SSL.

Git Repo:
https://github.com/Sanjeev-Thiyagarajan/PERN-STACK-DEPLOYMENT

Timestamps:

00:00 intro
07:59 Code modification
14:35 Deploy EC2 Instance
18:22 SSH to EC2 Instance
20:27 Install Postgres
32:00 Cloning Postgres database
40:39 Cloning git Repo
42:43 Install Node & PM2
52:27 Build React App
54:07 Install Nginx
55:15 Configure Nginx
01:14:38 Registering Domain
01:19:08 Setting Environment variables
01:30:14 Configure Ubuntu Firewall
01:32:48 Configuring SSL with Let’s Encrypt
01:39:14 Fixing database issues

#ubuntu #postgres #express #react #node

Code Camp

1584652680