React Frontend to a Web Database - Quick Start Guide
Let's create a front-end React Component that exchanges the contents of a 3rd party Web Database service using Express as a proxy.
Setup
🤖 CLONE THE WORKSHOP REPO
This is the codebase that we will start the workshop from!
https://github.com/kintone-workshops/...
📂 GET A KINTONE SUBDOMAIN (DATABASE)
Apply for a free developer license and subdomain.
https://kintone.dev/new
💾 INSTALL NODE & NPM
Verify that you have the latest Node.js & npm installed on your computer.
If you don't have Node.js & npm installed, refer to the Guide on Installing Node.js & npm {macOS & Windows} post for instruction:
https://dev.to/kintonedevprogram/guid...
Chapters
00:00:00 - Hello
00:01:21 - Kintone x React Project Demo
00:02:40 - What is Kintone?
00:02:54 - Sign Up for a Free Developer License
00:04:32 - Accessing Your Kintone Subdomain for the First Time
00:04:44 - First Time Logging In
00:04:58 - Github Repo Overview
00:05:45 - Git Clone the Workshop Repo
00:06:20 - npm install & package.json
00:07:22 - About NPM Audit Warnings
00:08:23 - Think Like a Programmer
00:10:21 - Create a Web Database
00:13:19 - Add a Record Manually
00:14:10 - .env File
00:16:25 - Explaining Some of the Code Base
00:18:49 - Check Out the Backend Folder
00:22:35 - Start Coding!
00:28:29 - Code the POST request
00:37:20 - Review
00:38:11 - Shilling
00:38:50 - Where to Get Help
On this page of the site you can watch the video online React Frontend to a Web Database - Quick Start Guide with a duration of hours minute second in good quality, which was uploaded by the user Kintone Developer Program 19 July 2023, share the link with friends and acquaintances, this video has already been watched 659 times on youtube and it was liked by 8 viewers. Enjoy your viewing!
