Get started with Appwrite + React - Fullstack App

Get started with Appwrite + React - Fullstack App

Appwrite

54 года назад

15,169 Просмотров

Get started with Appwrite & React by building a fullstack notes application.

Source code: https://github.com/divanov11/Appwrite-React-quickstart

Wrapping DB operators full video (Mentioned at 18:35): https://youtu.be/1ip2aljprvg

Instructor: https://twitter.com/dennisivy11 / https://www.linkedin.com/in/dennis-ivanov/

💬 Follow Appwrite on social media & join our Discord community.

• Twitter: https://twitter.com/appwrite
• Discord: https://appwrite.io/discord
• LinkedIn: https://www.linkedin.com/company/appwrite

React + Appwrite video series:
- Video #1 - CRUD (Current video)
- Video #2 Theme Switcher: https://youtu.be/smnxWspZMNY

Timestamps:

00:00 - Intro
1:42 - Setting up React
6:01 - Appwrite Project setup
6:52 - Setting Hostname (CORS Config)
7:39 - Setting up Appwrite WebSDK
8:46 - Database setup
13:40 - Making first request
18:15 - Wrapping Database queries
20:56 - Create form
29:16 - Updating notes
33:59 - Deleting notes
36:50 - Adding styling
40:56 - Next video preview
Ссылки и html тэги не поддерживаются


Комментарии:

@FlorinPop
@FlorinPop - 15.05.2024 15:29

First! 👀 Purple theme FTW!

Ответить
@not_amanullah
@not_amanullah - 15.05.2024 15:54

Thanks ❤

Ответить
@not_amanullah
@not_amanullah - 15.05.2024 15:55

This is helpful 🖤

Ответить
@forktrader7870
@forktrader7870 - 15.05.2024 16:33

why cant still implement insert many in appwrite? what is main constraint to implement it?

Ответить
@Lofisasddle
@Lofisasddle - 15.05.2024 16:50

great work man keep it up you just earned a subscriber

Ответить
@sulamitaivanov8522
@sulamitaivanov8522 - 15.05.2024 18:58

Really cool effect in the beginning! Combining the logos 🤯

Ответить
@asn9747
@asn9747 - 15.05.2024 19:01

🔥🔥🔥

Ответить
@Saralmk
@Saralmk - 15.05.2024 19:03

🔥

Ответить
@boolcode7037
@boolcode7037 - 15.05.2024 19:04

🔥 Excellent, Very detailed tutorial!

Ответить
@SRIRAMREDDY-xu1kh
@SRIRAMREDDY-xu1kh - 15.05.2024 19:05

but how to deploy it to github please explain that

Ответить
@TessaMero
@TessaMero - 15.05.2024 19:11

thank you!

Ответить
@g33kdev
@g33kdev - 15.05.2024 19:15

🔥

Ответить
@satyabhai4113
@satyabhai4113 - 15.05.2024 19:16

Please make video for android CURD (Java or kotlin ) ❤

Ответить
@allstate1454
@allstate1454 - 15.05.2024 19:17

Love this!

Ответить
@LukeSilver-vk2sl
@LukeSilver-vk2sl - 15.05.2024 19:22

Ответить
@christyjacob8551
@christyjacob8551 - 15.05.2024 19:50

All good things start with a notes app ✅ As always, awesome tutorial Dennis!

Ответить
@abdulazizalghafli5240
@abdulazizalghafli5240 - 15.05.2024 20:07

Could you please make a fullstack video Appwrite with Vue

Ответить
@EldadFux
@EldadFux - 15.05.2024 20:37

🍿

Ответить
@NoOffensePies
@NoOffensePies - 15.05.2024 23:57

Vue.js when?

Ответить
@jase9389
@jase9389 - 16.05.2024 11:05

Great video, I'm glad you called out the permissions, and yes I've been there. haha

Ответить
@gamingskoolyt
@gamingskoolyt - 21.05.2024 14:59

How can we download data stored in databases of Appwrite cloud in .csv or any other format?

Ответить
@SameekshThakur
@SameekshThakur - 25.05.2024 10:16

100th like was by me, btw nice video Denis 🎉❤

Ответить
@destinygames3449
@destinygames3449 - 25.05.2024 11:08

Why batch upload, update, delete? I need to loop through? Can you make this please

Ответить
@lostinthenarrativve
@lostinthenarrativve - 22.06.2024 19:23

Hey mate, is it safe to do it with vite React and not nextjs ? I mean for real world development.

Ответить
@mateusloubach
@mateusloubach - 11.07.2024 18:59

where's the 2nd part?

Ответить
@afxcrush41
@afxcrush41 - 12.07.2024 09:35

waiting for the second video <3

Ответить
@tejasagrawal7646
@tejasagrawal7646 - 13.07.2024 17:28

Completed 🎉❤

Ответить
@bad_boy_reecoh
@bad_boy_reecoh - 24.07.2024 19:53

Thanks for this❤🎉....we need more of this

Ответить
@FebinAugustine
@FebinAugustine - 26.07.2024 22:07

Nice ... Thank you for the detailed explanation.... Waitng for the next video

Ответить
@sknEK_code_chef
@sknEK_code_chef - 27.07.2024 14:27

one thing that I found a little tough was finding out where to change the hostname when switching between local dev and deployed from github

Ответить
@kimbapslayer1995
@kimbapslayer1995 - 06.08.2024 12:10

A database without a user is crazy though no?

Ответить
@anurag9385
@anurag9385 - 21.08.2024 18:43

Was the next part canceled?

Ответить
@kynjal23
@kynjal23 - 06.09.2024 19:54

cant we programmatically create the collection via our codes ?

Ответить
@TomislavMiletic
@TomislavMiletic - 27.09.2024 16:46

I love seeing you here, your django course is the first one i bought two years ago. Now appwrite makes django totally not needed, especially when using nuxt, which brings me to my question, can you please create nuxt + appwrite content? Thank you

Ответить
@roylory
@roylory - 01.10.2024 21:01

So where is the next video for user registration and authentication?

Ответить
@abishektamilan9733
@abishektamilan9733 - 09.10.2024 06:42

Cheers 🥂

Ответить
@ravipatelCTF
@ravipatelCTF - 29.10.2024 11:48

Thumbnail Kutch aesthetic lag rha hai sir, 💙 from India...

Ответить
@abishektamilan9733
@abishektamilan9733 - 02.11.2024 19:12

please part 2 with notifications, fileupload,email pls

Ответить
@DannyRoberts-u6l
@DannyRoberts-u6l - 13.11.2024 21:32

Absolute tease with the next part of the video

Ответить