Build A Go REST API, React.js & TypeScript Todo Application
ฝัง
- เผยแพร่เมื่อ 19 ก.ย. 2024
- In this video, we will build a simple todo application with a Go server and a React.js front-end bootstrapped with ViteJS. On the back-end, we will use Go Fibre as the webserver and on the front-end we use TypeScript.
Repository: github.com/Tom...
🌎 Follow me here:
Discord: / discord
Twitter: / tomdoes_tech
Facebook: / tomdoestech
Instagram: / tomdoestech
TikTok: / tomdoes_tech
☕ Buy me a coffee: www.buymeacoff...
I have been learning go on my own and honestly i love it. I just can’t wrap my head around single letter variable names.
you could call it a banana... :D as long as you ask for the banana back
Please create authentication + CRUD tutorial with fiber too (with tests maybe) will be super helpful
Just yesterday I was thinking about when the golang content would be back 🔥.
keep it up man!! when i start to learning typescript. I did start with your video. I'm learning golang and you upload this video right now what a luck.
It would be cool to see the creation of a large server application in Go with the right architecture, where everything is spread out in folders and covered by tests
Why not your take home assignment
Nice video, it would be great if you give give little more explanation in here and there esp usage of mutate, interface, it would be good to follow along for beginners
woah,I remember asking for more golang content and here it is. Thanks!
I'm really excited to watch this. I have work the next few days but this is definitely going to help me get through the week :D
Exactly what I've been looking for. I'm all in on Golang! Thanks bro.
Super clean! hopefully, you do the pagination with tables soon!
I've done a video on pagination
Very well structured and high quality content nice 👍👍👍👍
More react and golang please, i think its a great stack!
Good introductory video. What’s missing is how to deploy the application
in case nothing appears when opening the modal, delete the import of the "css" styles in the main.tsx and in the app.tsx
great. good luck
Haha thanks Tom for Selling for Todo app, for so much ✨ time to retire
💯 thank you for this video, good tutorial for full stack development
YOU ARE AWESOME
Going to this tomorrow, trying to learn golang at the moment! Want to interagate my atm, back end terminal gym recording app, into something like this!
For whatever reason, my variables in ToDo in the type script side of things must be upper case in order for this to work, do you have any idea why? Thanks :)
If you could add deleting todos as well it would be a full CRUD application
I did have a delete function but thought it might over complicate it a bit, I'll paste it below
app.Delete("/api/todos/:id", func(c *fiber.Ctx) error {
// get id from url as int
id, err := c.ParamsInt("id")
if err != nil {
return c.Status(401).SendString("Invalid ID")
}
// delete todo by id
for i, t := range todos {
if t.ID == id {
todos = append(todos[:i], todos[i+1:]...)
break
}
}
return c.JSON(todos)
})
Server side is good, but client is not completed.
You motivated me to learn useSWR and complete this task in my way)
Please create authentication, role-permissions + CRUD tutorial with fiber too. Please
You have to return meaningfull status codes. 401 means - unauthorized. It has nothing to do with user data validation. You have to return 400 - bad request instead.
Great Video, thanks for this, helps a lot! One thing when you record your audio record on mono. This video only plays out of my right ear in my headphones. Thanks again!
I don't think it's the video, I think it's your audio options. It comes out of both sides with both pairs of my headphones and on my computer
in new version of matine the model is broken..
In the API why do you have to have allocate memory address for the Todo type Struct first and then put the pointer into the array of Todo structs?
Hi, I'm really new in web development and I've got one, maybe silly, question; what is vite for here? I get we've got web server (fiber) but why do I need vite then?
@@Latajacaryba it's the frontend
well done this excellent
Thanks for the video @TomDoesTech. Would have been more helpful if you could explain things in more detail.
What do you mean? Can you explain in more detail?
Hi Tom, Can you share what extension do you use for auto align when certain line reach certain length? Thanks
It's a setting in VSCode I think, otherwise it's prettier
I know I'm 2 years late to the game, but just going through the tutorial with the latest versions of things, I get `data?.map is not a function`. Anyone have any ideas why? Is it because it's been mutated?
have you logged data to see what's in it?
Hi Tom, great tutorial. Thanks for making it. I was hoping to see if it is possible to host a React app from Golang server instead of having 2 separate servers, one for react and the other for golang backend. Is it possible by the way?
It is possible I guess, but I don't think I'd recommend it
@@TomDoesTechIs there reason you do not recommend it?
@@silentmonk7338 I'd need to think about it more. I'd recommend using a framework for React, such as Next.js or Remix and they come with their own backend
@@TomDoesTechok thanks
So when I want to deploy this on a server I have to run two applications? The go api and the node.js server ?
yes
There's no reason to loop through the entire array unless you know that you will be removing values
How’d you get the autocomplete in terminal
zsh autocomplete plugin
can i use for application android ?
Sure, why not
Wheres reacr.js?
🇳🇬🤯
It's "M-æ-n t-ee-n"
11.59
Man-Teen
Listen. You shouldnt make tutorial videos like you are teaching a colleague. What you are doing is simple and understandable but you are not understandable. Obviously i know some of the things that you use beforehand but i have learned nothing from you. I only used things that i know in some order that you show and for the things i dont know i couldnt find any explanation in your video. I watched once without coding, once typing while watching you but still none. You explain nothing about what you are doing and why you are doing it. You dont even explain syntax.
Yeah, my videos aren't for beginners
I take an error that The requested module '/node_modules/.vite/deps/@mantine_hooks.js?v=19b39e64' does not provide an export named 'useForm' but I don't know how will I do this issue
yarn create vite client -- --template react-ts
yarn add @mantine/hooks @mantine/core swr @primer/octicons-react
p̴r̴o̴m̴o̴s̴m̴ 😔
huh?