- Видео 29
- Просмотров 353 354
Tenacity
Сербия
Добавлен 5 май 2021
Programming tutorials to help you understand & build your apps smarter. Covering everything from basic to advanced lessons about Frontend, Backend & everything in-between. 🧠 👾 🧠
Mind-Blowing Number Transitions in React
This Number Transition component is amazing!
Link to the site: (number-flow.barvian.me/#basic-usage)
My github: (github.com/Tenacity-Dev)
Hope this video helped you.
[Hashtags]
#numbers #react #vue #svelte #animation #framer #react.js #components #timer #countdown #counting #numberflow
Link to the site: (number-flow.barvian.me/#basic-usage)
My github: (github.com/Tenacity-Dev)
Hope this video helped you.
[Hashtags]
#numbers #react #vue #svelte #animation #framer #react.js #components #timer #countdown #counting #numberflow
Просмотров: 2 760
Видео
Laravel Docker Setup
Просмотров 89121 день назад
Repo link: github.com/Tenacity-Dev/laravel-docker-setup/tree/main In this video I will show you how to setup Laravel with Docker. You will have a Docker Compse file which will contain the Postgres Database (You can use MySQL or any other DB you want), Redis and a Worker for potential jobs you might be running. We will also setup Caddy web server that can be used as a reverse proxy and to serve ...
How to make Brave look like Arc Browser
Просмотров 2,9 тыс.3 месяца назад
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 th...
The Most Important Skill a Software Engineer needs
Просмотров 1,5 тыс.3 месяца назад
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
Просмотров 2,6 тыс.4 месяца назад
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
Просмотров 8164 месяца назад
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
Просмотров 5774 месяца назад
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
Просмотров 3,4 тыс.7 месяцев назад
In this video I'll show you the React starter template I use for both my personal, RUclips 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 a...
How To Have Your Own ChatGPT Locally
Просмотров 2 тыс.9 месяцев назад
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
Просмотров 1,5 тыс.9 месяцев назад
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)
Просмотров 3,9 тыс.11 месяцев назад
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
Просмотров 55 тыс.Год назад
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: ruclips.net/video/DHZSYYTCTbA/видео.html #Next.js #protectedRoutes #jwt #verify #cookie #React #httpOnly #AppDirectory
The easiest way to implement a modal in React
Просмотров 891Год назад
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
Просмотров 16 тыс.Год назад
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
Просмотров 2,2 тыс.Год назад
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...
Speed up your Website with Next.js Dynamic Import Lazy Loading
Просмотров 25 тыс.Год назад
Speed up your Website with Next.js Dynamic Import Lazy Loading
React/Next.js typescript airbnb eslint code style setup guide
Просмотров 18 тыс.Год назад
React/Next.js typescript airbnb eslint code style setup guide
Next.js unit tests with Jest and Testing Library typescript
Просмотров 36 тыс.Год назад
Next.js unit tests with Jest and Testing Library typescript
React Dark Mode with Sass (Toggle Theme)
Просмотров 19 тыс.2 года назад
React Dark Mode with Sass (Toggle Theme)
Next.js protected routes & JWT verify (Updated video link in description)
Просмотров 70 тыс.2 года назад
Next.js protected routes & JWT verify (Updated video link in description)
Next.js JWT authentication httpOnly cookie (Updated video link in description)
Просмотров 30 тыс.2 года назад
Next.js JWT authentication httpOnly cookie (Updated video link in description)
React Native Text Recognition Tutorial
Просмотров 25 тыс.3 года назад
React Native Text Recognition Tutorial
Nice. Thanks. If only I could move the profile selection to the top of the vertical tabs bar. 🙂
I use both Arc and Brave but I like Arc more
What about storage folder on production? How would you handle that? Create a volume for storage ? Or what is the best way in your opinion? My problem is i dont want to loose the files, even if i rebuild the image
If you need storage then you should map a docker volume in your caddy service to /storage in your application and then any uploaded files will be saved.
Thanks for sharing!
Short, concise, informative.. love it!
Niceeeee
When switching from 'production' to 'development' mode, do I have to change the 'DB_HOST' from db to localhost?
When you are running it locally with php artisan serve you should use localhost. When running it in production the container will want to connect the database and since they are running on the internal docker network you will use db.
Please add reverb, I have a lot of problems with it
I'll keep that in mind for the future videos
This is exactly my setup. Also brave on iOS and Android is sooo much more customizable than Arc Search and the ad blocker there is much better as well coz you can choose your own filters just like on desktop!
Solid explanation, Is this suitable for production?
Yes it is. It has everything you need for a production app. You should only modify the Caddyfile to suit your needs and of course have SSL on your site since you don't want to use port 80 in production.
Subs👍
This is amazing, this is the best explanation of docker setup and laravel thank you
Thank you!!!
I followed along with this seemingly deprecated tutorial, trying to get things working for hours, only to find out that you can pretty much do the same thing with media queries with a tiny fraction of the effort... eugh.
I understand that the video is about next.js but literally the import() function is representing the whole concept of a dynamic import, and it works with any javascript. Just want people to know that they can do it in vanilla with basically no hand rolling required, you simply make a short function just like making a component. Put up a lodaing screen, await loading, done. In one of my projects I'm funneling a lot of modules through a file and importing them as one mean variable. I have 2 folders with similar code and I want only one depending on the environment. So I have an IFEE to load one folder or the other. It's a use case not for fast upfront loading but for conditional loading to remove redundancy.
Just run the damn migrations bro!
is there a similar method for expo ?
Great tutorial bro. I was stuck in it from 2 days.
Get to the point, you repeat one thing 50 times...
It makes sense to repeat important things so they stick with you, I'll keep this in mind for future videos!
It works! But, it is not the best practice. The application must have restricted access to the database (most of the time ) and MUST NOT be granted to modify the production database structure. We should treat the application as a 3rd party software unless the application is a database management tool. Thank you
Good stuff man. Thank you
Glad to help
hi , could you please make more videos on fastapi and sqlalchemy2 and pydanctic. thanks a lot for this one!
Why would i use this instead of thr src directory?
code for this anywhere ? this is good
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.
I updated my brave browser stupidly, I can only hear audio using RUclips 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
@@crocodile7719-d3b 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