# React 18 for Beginners: CRUD

**URL:** <https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046>\
**Category:** React\
**Created:** [May 5, 2023, 9:25am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046 "2023-05-05T09:25:52Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![siyeon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/siyeon/32/6167_2.png) [@siyeon](https://forum.codewithmosh.com/u/siyeon)\
**Post date:** [May 5, 2023, 9:25am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/1 "2023-05-05T09:25:52Z")

</div>

I’ve been wondering, it’s been a week and I’m honestly still stuck at the “Forms” lesson, I’m not absorbing and it’s bringing me with frustration and sadness. It might be a different topic aside, but on what lesson of React 18 for Beginners could I actually found or have something similar to “CRUD”?

I really want to learn how implement an “Add”, “Edit”, “Update”, and “Delete” functionality as much even the most basic of examples. Or is it too much for a beginner?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![someone](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@someone](https://forum.codewithmosh.com/u/someone)\
**Post date:** [May 5, 2023, 11:16am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/2 "2023-05-05T11:16:21Z")

</div>

dont worry bro… for a beginner it’s okay to not absorb quickly keep going

---

<div class="post-metadata">

**Author:** ![siyeon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/siyeon/32/6167_2.png) [@siyeon](https://forum.codewithmosh.com/u/siyeon)\
**Post date:** [May 5, 2023, 11:23am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/3 "2023-05-05T11:23:42Z")

</div>

Thanks for your reply! I really am still struggling. Right now, I’m trying to look at different resources but still come at a dead end.

---

<div class="post-metadata">

**Author:** ![Ruu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/ruu/32/9008_2.png) [@Ruu](https://forum.codewithmosh.com/u/Ruu)\
**Post date:** [May 5, 2023, 11:33am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/4 "2023-05-05T11:33:40Z")

</div>

If you haven’t already, try the JavaScript, Node and TypeScript courses first before React, understanding the fundamentals before doing React should help a lot.

---

<div class="post-metadata">

**Author:** ![someone](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@someone](https://forum.codewithmosh.com/u/someone)\
**Post date:** [May 5, 2023, 11:59am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/5 "2023-05-05T11:59:20Z")

</div>

i suggest you the same as Ruu’s method…  
i started out with html,css,js and react but didnt quite understand so later quit it to become a backend developer

---

<div class="post-metadata">

**Author:** ![someone](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@someone](https://forum.codewithmosh.com/u/someone)\
**Post date:** [May 5, 2023, 12:00pm UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/6 "2023-05-05T12:00:36Z")

</div>

by the way … you know html css or javascript ? or directly jumped into react?

---

<div class="post-metadata">

**Author:** ![someone](https://avatars.discourse-cdn.com/v4/letter/s/b77776/32.png) [@someone](https://forum.codewithmosh.com/u/someone)\
**Post date:** [May 5, 2023, 12:01pm UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/7 "2023-05-05T12:01:39Z")

</div>

@siyeon  
you can return the course within 30 days so that  
with that money you can buy JAVASCRIPT,NODE or any other course.

---

<div class="post-metadata">

**Author:** ![siyeon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/siyeon/32/6167_2.png) [@siyeon](https://forum.codewithmosh.com/u/siyeon)\
**Post date:** [May 5, 2023, 12:12pm UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/8 "2023-05-05T12:12:35Z")

</div>

I’ve never learned deeply what node does apart from installing npm and same goes with TypeScript. I’ve only learned HTML, CSS/SCSS, JavaScript.

I can’t say I’m an expert with JavaScript but I’ve already fallen into tutorial hell because of it. I’ve done my fair share of Front-End Mentor Challenges (HTML, CSS/SCSS, JavaScript) and I’ve decided to jump into React, but then I find it weird to myself that every single thing feels new and I can’t seem to connect JavaScript and I hate myself because of it.

And with your comments, I feel like I need to go back to JavaScript again. 😢

---

<div class="post-metadata">

**Author:** ![siyeon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/siyeon/32/6167_2.png) [@siyeon](https://forum.codewithmosh.com/u/siyeon)\
**Post date:** [May 5, 2023, 12:15pm UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/9 "2023-05-05T12:15:13Z")

</div>

Thanks for your comment. I’m not familiar with Node (apart from npm) and TypeScript and it’s quite sad that I need to go back yet again to JavaScript, I believe I know the basics since I’ve had my fair share of Front-End Mentor Challenges and tutorial hells, but with my situation, I guess I have no choice… 😭

---

<div class="post-metadata">

**Author:** ![djb160](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/djb160/32/4881_2.png) [@djb160](https://forum.codewithmosh.com/u/djb160)\
**Post date:** [May 5, 2023, 11:35pm UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/10 "2023-05-05T23:35:38Z")

</div>

It might help to start with some basic database courses as they’re a bit more straight forward in their operations and each of the CRUD operations is tied to database operations:  
INSERT - adding data to database table  
SELECT - reading data from database table  
UPDATE - modifiying data already in a database table  
DELETE - removing data from a database table

So you can mostly view CRUD as application level mappings to database operations  
APP vs Database  
Create = Insert  
Read = Select  
Update = Update  
Delete = Delete

These are passed from the Frontend of an application (e.g. React) via HTTP commands; GET, POST, PUSH, PATCH, DELETE to backend (e.g. Node.js), which then communicates with the Database

Hope this helps

---

<div class="post-metadata">

**Author:** ![Birgit](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/birgit/32/6221_2.png) [@Birgit](https://forum.codewithmosh.com/u/Birgit)\
**Post date:** [May 6, 2023, 4:27pm UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/11 "2023-05-06T16:27:24Z")

</div>

Hi, I have had the same problem over and over. The feeling of not grasping things is super frustrating.  
What I do then: I watch the lesson over and over. Code along. Then try to code the lesson on my own. When I master one lesson, I go to the next.  
On the next day, I try to code again - mostly I find that I get stuck on another problem than the day before .  
I have done the lessons of the ‘Forms’ part many times before I got the hang of it, also because I don’t master TypeScript.  
Hang in there!!!

---

<div class="post-metadata">

**Author:** ![SlipperyBrick](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/slipperybrick/32/6227_2.png) [@SlipperyBrick](https://forum.codewithmosh.com/u/SlipperyBrick)\
**Post date:** [May 8, 2023, 9:54am UTC](https://forum.codewithmosh.com/t/react-18-for-beginners-crud/20046/12 "2023-05-08T09:54:53Z")

</div>

My advice is to not expect so much when you are a beginner. As frustrating as it seems, you probably want to make progress quick. But unfortunately not everyone can do this. Regarding React, if you know the very fundamentals of JS or TS you should be fine. I come from a C++ background and have recently got into JS.
