- 9
- 61 655
Anton Bacaj
เข้าร่วมเมื่อ 31 ส.ค. 2011
Programming, building and experimenting with large language models. Working with javascript, python and sometimes other languages.
Leaving my startup job to build, create and experiment
See why I'm leaving and what my plan is next. Expect more content from me, code, experiments and trials with LLMs. Follow along for the fun & learnings.
มุมมอง: 1 456
วีดีโอ
Smaller, specialized LLMs will surpass GPT-4
มุมมอง 686ปีที่แล้ว
I talk about what's wrong with GPT-4 and what you can do to fill the gap using open source LLMs like MPT-7B or FLAN-T5. MPT-7B: huggingface.co/mosaicml/mpt-7b FLAN-T5: huggingface.co/google/flan-t5-xxl
Building React JS forms
มุมมอง 4422 ปีที่แล้ว
We'll get a quick introduction to building full featured and performant react forms with the react-hook-form library. Let's build a simple form with validation and error handling. In the next video I'll show you how to build a checkout form and add schema validation. We'll make use of the schema on both backend and frontend. 1. intro - 00:00 2. the code- 02:11 3. wrapping up & next video - 17:3...
React JS filter, search and sort items using react-router v6
มุมมอง 55K2 ปีที่แล้ว
We'll implement an optimized search component for searching items on the backend. After that we'll implement sorting by name and filtering items by color. All of this will be done on the backend, where the client will only send the filter request. The client will honor the window location through react-router and make use of react-query to maintain server data. Repo: github.com/abacaj/react-sim...
React Router v6 - from the basics to protected routes
มุมมอง 8372 ปีที่แล้ว
We'll setup a quick project to go over react router v6. We cover nested routes, protected routes, outlets, react router hooks and various components. P.S. I saw a giant bug towards the end of the video at 35:45 and it caught me off guard. Let's get it, subscribe for more videos!
Building a twitter clone with React JS - fetching data and handling errors
มุมมอง 9012 ปีที่แล้ว
Pt.3 Lets build a twitter clone with reactjs by following along as I build it from scratch. We'll make use of real data fetching (no backend though, strictly frontend code). Handling various state, routing, hooks and more. We'll be using libraries like react-query, zustand, axios and some others for helping build out the app.
Building a twitter clone with React JS - adding components and routing
มุมมอง 3552 ปีที่แล้ว
Pt.2 Lets build a twitter clone with reactjs by following along as I build it from scratch. We'll make use of real data fetching (no backend though, strictly frontend code). Handling various state, routing, hooks and more. We'll be using libraries like react-query, zustand, axios and some others for helping build out the app.
Building a twitter clone with React JS - setting up
มุมมอง 9772 ปีที่แล้ว
Pt.1 Lets build a twitter clone with reactjs by following along as I build it from scratch. We'll make use of real data fetching (no backend though, strictly frontend code). Handling various state, routing, hooks and more. We'll be using libraries like react-query, zustand, axios and some others for helping build out the app.
Nice video, you are the best!
Anton I was having difficulty making the center div (content) scrollable while keeping the sidebar and aside fixed. You solved this @17:00 thank you so much
Is there anywhere I can contact you ? I have some questions If you don't mind
reached here from your twitter, love your content! looking forward to hear more updates on what you are experimenting with :)
Good professional train❤
waiting for your video , when is the plan
Great insights!
Good luck Anton! Keep posting
Thank you for your work it gives me a lot of hope a real white pill in llm revolution. Please do a affordable tutorial series as you go
Nice!
would you please do a video on which visual studio code extensions you are using? thanks for your great tutorials
1 sub closer to 1000 🍻 Content I would like to see is how you set up Linux to utilize all of your GPUs locally. I have a few cards I could set up on an old server motherboard but no clue how to get them going on Linux yet, would make for a cool tutorial video for other learners following your path.
you could also start providing content for subscribers on twitter, that would be great :)
I have been thinking the exact same thing about how smaller LLMs could be even more useful if focused properly on more specific goals. Please keep us updated. I follow you on Twitter.
Following you man!
Appreciate your thoughts on this.
Liked your content on Twitter. Look forward to what you do here. Subscribed.
I would definitely watch more of these, Anton
Good
hi, im looking your tutorial, im learning now react, but i have a problem, i cant list the products, can you help me please?
Awesome tutorial
What extension are you using for the errors to show up ?
it would be better without extra hooks and typescript
Ah you could do the same without typescript, but I highly recommend it for avoiding errors at runtime
@@AntonBacaj ok thank you dear, I will count it ))
Thank you so much for this wonderful tutorial!! What if a bag has multiple colors, for example: [brown, yellow, black]. How can i find it by checking the (separate) boxes of brown, yellow and black instead of selecting one filter called: brown, yellow, black. Really looking forward to the answer, thank you !! :)
Hi! If it has multiple colors you can still perform the filter on the server. Since the frontend gives you one or more colors in a comma format. You just need to change how the filter works on server to support a product with multiple colors: github.com/abacaj/react-simple-filter-sort-ecommerce/blob/main/server/index.js#L20
@@AntonBacaj thank you so much for your answer!! 🚀 👍🏼 👍🏼 👍🏼!!!!
@@AntonBacaj could you please give an example of how to change the code for a bag with multiple colors? When I change the color type from "string" to [string], I get multiple errors everywhere...
Hi @@mescalim7252, you can see code change here: github.com/abacaj/react-simple-filter-sort-ecommerce/commit/01592d716d3b4ca23df3dd822612110c760309bd Try pulling the latest it will support products that have an array of colors, I modified some of the products so that they have multiple colors. Like Knapsack, Tiny pouch etc.
@@AntonBacaj you rock. 🚀. Thank you so much!!! 😊 👏
Bring some cool stuffs sir like these
Your baby is crying
this was very handy, i was struggling trying to understand the differences and overlapping concepts of react query and redux in different contexts, i think this gives really good example on where react query comes as a very useful tool :)
I'm very grateful, thank you very much to this absolutely brilliant content!
Hey Anthon I would like to apologize for not asking your permission before sending email actually I was desperate for answer. Do you have any solution you can email or answer here.
Are you ever gonna do part 2 for the dating app
Yes! I want to build it out plan on doing the matchmaking setup next
@@AntonBacaj awsome! looking forward to it
Super, flm sa ma shpejt jena tu e prit videon tjeter :)
Hi. What's your keyboard you type on?
It's the Logitech G915 TKL
Really good video! But I kinda disagree with what is said on 0:20. I worked on Ecommerce with more then 10k products (not a big deal) and what i did was plaing with Redux toolkit and on landing on /categories page I make a call to the db trough some service lair and i store the all products in my Redux state. And after that you can do what ever manipulation you want over the data without doing any calls any where, just 1 call. :) In a place where you have 200k products you can do crazy tricks to increase performence in terms of filtering products. But really this my opinion on the matter, the rest is lit. :)
Good points! I think after a number of products it makes sense to use pagination to reduce the payload size / improve query performance
@FalioV I really need help from you. Can you share the GitHub repo for the e-commerce project.
Top notch content! 💯 Subscribed!
Good job bro. Indeed, this a good content as well as a beauty code. I can learn how to optimize code from you. Keep it up!
You should deserve million subscribers. Real thinking, live error solve, optimized code You are awesome. 🧡🧡 And waiting for some production level project videos 😁😁
Good thing I found your channel Anton. Really helpful 👍
I have a similar structure in my own project but how do you create individual pages for each item? I mean if someone click the item, it should open a link and I guess I shouldnt all html files one by one but I didnt figure out what to do yet.
So for viewing an item, you would create a route using react-router with dynamic segments for the product id
@@AntonBacaj thank you so much for the answer and also for the video
Thank u❤️
Awesome!!! TQVM!!
thanks for make this video you are great
What extension is that which shows the errors inline?
It's called Error Lens marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
🚀🚀🚀
btw does this work with next js?
You will have to make some changes such as removing react-router and changing the useSearchParams hook. You can do the filtering on your next.js /api route
@@AntonBacaj oh great, thanks. I am learning GraphQL, is that a good idea to combine with this project too?
You could try it, but personally I wouldn't because the project doesn't have multiple sources for data or a complex schema
@@AntonBacaj oh ok, that make sense, I figured all the ecommerce data is usually come from one database in my case prob mongodb.
this is great! i am using mongodb to fetch product so hopefully same logic from your tutorials!
hello, how can I make this application with the city, district, neighborhood, category buttons? (Profil cards filter)
This what you do is really an amazing work. Keep it up !
This is absolutely great content! I'm applying for my first job in software development and this has helped me a lot with the technical part of the process. Keep it up!
This is great Antonio, happy to hear my content has helped you 👍
Wow I really liked this video. Thanks!
Nice content, thx !