- 27
- 332 223
Tenacity
Serbia
Registrace 5. 05. 2021
Programming tutorials to help you understand & build your apps smarter. Covering everything from basic to advanced lessons about Frontend, Backend & everything in-between. 🧠 👾 🧠
How to make Brave look like Arc Browser
This video will show you how to transform your Brave browser into Arc browser (or as much as it is possible). I use this setup personally. I love the looks of Arc but also enjoy using Brave browser so I think this is the best of both worlds. It also boosts my productivity A LOT! Having separate profiles on Brave which are the equivalent of Spaces in Arc are a huge time saver!
Follow along in the video if you want to have your Brave browser look the same.
Follow along in the video if you want to have your Brave browser look the same.
zhlédnutí: 1 114
Video
The Most Important Skill a Software Engineer needs
zhlédnutí 1,5KPřed měsícem
In this video, I'll tell you my experience on why effective communication is the key to success, even for skilled professionals. Discover how my own struggle with communication impacted my career. By comparing two different approaches to feedback, you'll see firsthand how positive, constructive communication fosters better relationships and opens doors to new opportunities.
Django JWT Authentication in 7 Minutes
zhlédnutí 894Před 2 měsíci
In this video I'll show you how I handle Authentication when building a backend with Django. When I'm using Django I always use this authentication library and I almost always use JWT's. I'll show you the easiest and most straightforward step to add great authentication that is also easy to work with since we have set-cookie headers. #django #djangorestframework #python #authentication #jsonweb...
React Hook Form Custom Inputs Tutorial
zhlédnutí 365Před 2 měsíci
In this video I'll show you how to handle Custom Inputs and Custom Components when using React Hook Form. You'll learn how to integrate custom inputs with the React Hook Form library and also you will have type safety by knowing which properties exist and their types. There's two approaches to this integration and I'll show you both of them so that you know when to use a Controller component an...
FastAPI SQLAlchemy 2, Alembic and PostgreSQL setup tutorial
zhlédnutí 260Před 2 měsíci
In this video I'll show you the FastAPI starter template I created that uses SQLAlchemy 2, Alembic and PostgreSQL database. This starter template includes many tools that are essential that are used for building stable production ready and scalable web applications. These four tools are the backbone of all projects and must be kept up to date in order to provide high quality software products. ...
The only React starter template you will need
zhlédnutí 3,2KPřed 5 měsíci
In this video I'll show you the React starter template I use for both my personal, CZcams and professional projects. This starter template includes many tools that are essential by todays standards like code linting and formatting, a proper styling framework and a robust networking library. It includes: - React with Typescript - Tanstack Query / React Query - Axios - Tailwind, tailwind merge an...
How To Have Your Own ChatGPT Locally
zhlédnutí 880Před 6 měsíci
In this video I'll show you how I run my own LLM's locally using the ollama web ui. ollama web ui has the same familiar Chat GPT interface that we are all used to and it can run many LLM's on your computer. Everything is kept on your machine locally! Now you can have your own Local ChatGPT! Link to the repository: github.com/ollama-webui/ollama-webui
React Resizable Table like a Chad Tutorial
zhlédnutí 1,1KPřed 7 měsíci
In this video we'll implement Resizable Tables in React. Resizable tables are destined to come up as a requirement every so often so knowing how to implement them efficiently and with good code separation is a must. This video will do exactly that!
The best way to write queries with Tanstack Query (React Query)
zhlédnutí 2,9KPřed 9 měsíci
You'll learn how to write a useQuery hook the proper way. You will have more flexibility, better scalability, type safety, better readability and confidence in your code. #react #reactquery #axios
Next.js 13 jwt authentication protected routes httpOnly cookie with App Directory
zhlédnutí 53KPřed rokem
You'll learn how to implement the authentication flow with JWT and httpOnly cookie. You will also learn how to protect routes and get user info by verifying the jwt token. Repo link: github.com/Tenacity-Dev/nextjs-latest-auth Previous version link: czcams.com/video/DHZSYYTCTbA/video.html #Next.js #protectedRoutes #jwt #verify #cookie #React #httpOnly #AppDirectory
The easiest way to implement a modal in React
zhlédnutí 845Před rokem
I'll show you one of the best headless libraries that I have seen recently. Headless UI has a couple of components but it is extremely easy to use and very convenient when you have to add a modal, popover or a menu quickly. This will work with React or any React framework. #react #nextjs #headless #ui #modal #popover #menu #headlessui #component
Use this Next.js file structure
zhlédnutí 16KPřed rokem
You'll learn how to follow a simple convention for organizing your files for your Next.js (or React) project. #nextjs #organization #file #directory #structure #reactjs
Use this to override Tailwind CSS classes
zhlédnutí 2KPřed rokem
In this video I'll show you an extendable and easily configurable way to "override" tailwind classes. We will write variants and styles for the variants which will give us the implementation and outcome that we wanted without having to actually override any styles. You may have noticed a tab open in my browser, it's for this library: www.npmjs.com/package/classnames It's very useful for applyin...
Nestjs Migration Tutorial
zhlédnutí 11KPřed rokem
You'll learn how and when to implement nestjs migrations the proper way using a config and env variables. Knowing how to use migrations is a necessary skill since any backend work that requires a database will require this. Repo link: github.com/CompSciDev/nestjs-migrations-example #Nestjs #Migrations #Typeorm #Orm #Env
Speed up your Website with Next.js Dynamic Import Lazy Loading
zhlédnutí 23KPřed rokem
You'll learn how and when to use Dynamic Imports and speed up your website when using Next.js. Dynamic imports (lazy loading) are a very important topic to learn if you're serious about using Next.js. #Nextjs #React #DynamicImport #LazyLoad #LazyLoading
React/Next.js typescript airbnb eslint code style setup guide
zhlédnutí 18KPřed rokem
React/Next.js typescript airbnb eslint code style setup guide
Next.js unit tests with Jest and Testing Library typescript
zhlédnutí 35KPřed rokem
Next.js unit tests with Jest and Testing Library typescript
React Dark Mode with Sass (Toggle Theme)
zhlédnutí 19KPřed 2 lety
React Dark Mode with Sass (Toggle Theme)
Next.js protected routes & JWT verify (Updated video link in description)
zhlédnutí 70KPřed 2 lety
Next.js protected routes & JWT verify (Updated video link in description)
Next.js JWT authentication httpOnly cookie (Updated video link in description)
zhlédnutí 30KPřed 2 lety
Next.js JWT authentication httpOnly cookie (Updated video link in description)
React Native Text Recognition Tutorial
zhlédnutí 24KPřed 2 lety
React Native Text Recognition Tutorial
hm, in my case it creates empty migration table and does not create users table
Worked wonders with NPM, not so much with pnpm :( I traced it back to Typeorm's cli but I tried quite a few things. Hope someone finds this lol
Thanks dude , What can i use for real time text recognition?
The animations are looking smooth <3
Profile in Brave cannot compare with Space in Arc, it not the same. Space can be switched easily and immediately by a keyboard shortcut.Also, it can pin tabs across spaces
I agree, Brave's equivalent in Profiles is not that in switching a context as in Arc.
Firefox
I updated my brave browser stupidly, I can only hear audio using CZcams on the brave browser with the desktop selected, I know your addressing a different issue but perhaps you're aware of a fix? Mighty annoyed at myself in not letting what works work and not recalling how many times update screwed things up thanks
Hm, not sure. If I hear about a solution, I'll reply to your comment.
Basically give constructive criticism lmao
just use arc
i use opera gx w/ some mods
brave is better security and has built in ad prevention
Opera GX is ASS
Good suggestion
How on earth are you using useState in the server component?
Good question, this was before the new Next.js updates where if you want to use state or something similar you had to write "use client" at the top of the component.
Sick animation. What did you use?
Thank you! I used Manim to make these animations.
hey,its really a great video But can you share some books, podcasts,videos to improve communication skill?
Thank you! I do have lots of good recommendations. I'll see if I can make a video about books and other videos on how to improve communication skills.
thanks you tought me how to write better PR xD
this is great thank you so much
Hi thanks for the grate content but i am finding it difficult to load my docker compose up
tldr: move useQuery part to a reusable hook
This is working on Android but not in iOS!
Backend is ready in Spring Boot , only i wantt that , how , ! Login page will be created !, and token how it is going to manage and stored, and how navigations will work , this is my first time seeing next i did even learn this just started coding , i am Angular developer !. Now as per ssr , i learn here many things , here need gaurd on routing , if loged in then dashbaord else login page , ! this is simple but getting the errors now for the storing cookies etc.. now will see your idea, hope i will be able to implement it with middleware lets see ,
It takes genius to make it simple :)
As a beginner in nextjs I learned a lot more from this video, than any other one I've watched. Thank you!
Love to hear that, thank you!
Is this compatible with Custom user and Djoser package and if we want to authenticate when registering, will it set the cookie?
Yes, you can use Custom User, I always use this with Customer User and it works seamlessly. dj-rest-auth has a registration endpoint. Social authentication is supported and many other things.
@@tenacity_dev can you make video about that
@@farshadbagheri6180 I'll keep that in mind for future videos I'll be doing, good suggestion
@@tenacity_dev and how incode user_info in access token
Good explanation
bro... my eyes 😭Really interesting video :)
Hahaha, I'll use dark mode next time :D
@@tenacity_dev please
That was an clear explanation.. haven't heard this kind of explantion from the other videos. Thanks man
Somehow I ended up using the same pattern on my own. Thank you for spreading good ideas 💡
i cant get the access_token in /me route, i see it in my cookies in inspect element but not from getCookies D: I need help
Спасибо! Полезный булерплейт
How can the client pass a token in the cookie if it's http only ? I thought this prevents the client JavaScript from being able to see and this pass the access tokens to the API calls ?
This is amazing! Could you do a similar video for Next.js Clean Architecture? Thanks!
How to do this with next auth?
need to zoom in during adding new lines specially packag.json I will wear glasses for that
More important part is to handle authorization on every route changes as well as every api requests
This is useful, but you don’t need to define a constant for the query key. The return type from the queryOptions helper has the queryKey property on it.
Can you give me an example, I don't know how to integrate that.
Maaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaan, you saved my night! Thank you so so much!!! ❤❤❤
Hello, are you interested in collaborate for same nextjs projects? If so, please, comment out here
How can I log out? please answer me
Until the cookie is set
not long ago cookies were disengouraged to use for vital session info because it's easy to steal the session information. but i've seen an increase in tutorials implementing cookies for authentication, is there a reason why?
What would be a good alternative approach?
Tan query is more server side thing than client one...
Thanks you very much I like it! what do you do if you have also a useMutation do you place it in the same file of the hook? or you create a new file for that?
Let's say you can get and add countries. You can create a file useCountries.ts and a file useAddCountry.ts and add their separate implementations. Or you can also create a file called countires.ts and add both the hook and mutation. There are many ways to go about this problem and you should take the one that suits you the most.
I like the method
Thank you, I always use this to write any queries with Tanstack query.
I don't know if somebody could have a problem with this class, but I had a problem because I was use the yarn as a package manager and I learned that yarn doesn't support the varibles in script, so use NPM. THank @Tenacity Dev
Thank you!, Please more tanstack with Next.js content, prefetchQuery and others...
You forgot about Routing.
There are many routing libraries in React and I left that option the the user of the starter template.
Nice. Nx is great for the initial scaffolding too! It can add and configure everything like playwright, rtl, etc.
That's a great idea, maybe I'll make an Nx video.
Thanks mate, it save a lot of time.
Love to hear that! You're welcome.
nice work
Nice work. I think adding Vitest and React Testing Library would be good as well.
Thank you, I've thought about adding tests to this template but as I said in the video this template should be extendable so others can add what they like after they clone it.
great repo. just missing use of pnpm for package managing, pnpm reuses the packages already on your computer so no new ones are downloaded. I have created a PR for adding this.
Thank you! I didn't want to make it super opinionated as I mentioned in the video, the template is meant to be added to for what you personally love.