Tenacity
Tenacity
  • Видео 29
  • Просмотров 353 354
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
Просмотров: 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...
Nestjs Migration Tutorial
Просмотров 12 тыс.Год назад
Nestjs Migration Tutorial
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
Next.js Data Fetching
Просмотров 6 тыс.2 года назад
Next.js Data Fetching
React Dark Mode with Sass (Toggle Theme)
Просмотров 19 тыс.2 года назад
React Dark Mode with Sass (Toggle Theme)
Vite React Typescript with Sass
Просмотров 13 тыс.2 года назад
Vite React Typescript with Sass
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
React Components Tutorial
Просмотров 1003 года назад
React Components Tutorial
React useRef Tutorial
Просмотров 1373 года назад
React useRef Tutorial
React useEffect Tutorial
Просмотров 1183 года назад
React useEffect Tutorial
React useState Tutorial
Просмотров 1693 года назад
React useState Tutorial

Комментарии

  • @ThaRealIansanity
    @ThaRealIansanity 6 часов назад

    Nice. Thanks. If only I could move the profile selection to the top of the vertical tabs bar. 🙂

  • @SavantIvar
    @SavantIvar 17 часов назад

    I use both Arc and Brave but I like Arc more

  • @zsoro2
    @zsoro2 5 дней назад

    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

    • @tenacity_dev
      @tenacity_dev 5 дней назад

      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.

  • @abnerssantana
    @abnerssantana 7 дней назад

    Thanks for sharing!

  • @melophylic7469
    @melophylic7469 7 дней назад

    Short, concise, informative.. love it!

  • @eternal8lueforever
    @eternal8lueforever 8 дней назад

    Niceeeee

  • @akejemmy6010
    @akejemmy6010 9 дней назад

    When switching from 'production' to 'development' mode, do I have to change the 'DB_HOST' from db to localhost?

    • @tenacity_dev
      @tenacity_dev 8 дней назад

      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.

  • @FarshadGhanbari-er1gn
    @FarshadGhanbari-er1gn 13 дней назад

    Please add reverb, I have a lot of problems with it

    • @tenacity_dev
      @tenacity_dev 13 дней назад

      I'll keep that in mind for the future videos

  • @TheBalkanSpy
    @TheBalkanSpy 16 дней назад

    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!

  • @creedio7130
    @creedio7130 16 дней назад

    Solid explanation, Is this suitable for production?

    • @tenacity_dev
      @tenacity_dev 14 дней назад

      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.

  • @lwa.dev74
    @lwa.dev74 17 дней назад

    Subs👍

  • @lwa.dev74
    @lwa.dev74 17 дней назад

    This is amazing, this is the best explanation of docker setup and laravel thank you

  • @jltg34
    @jltg34 Месяц назад

    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.

  • @danser_theplayer01
    @danser_theplayer01 Месяц назад

    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.

  • @mayokunajiboye3436
    @mayokunajiboye3436 Месяц назад

    Just run the damn migrations bro!

  • @marouasedoud7033
    @marouasedoud7033 Месяц назад

    is there a similar method for expo ?

  • @amangoyal1583
    @amangoyal1583 Месяц назад

    Great tutorial bro. I was stuck in it from 2 days.

  • @janduna4100
    @janduna4100 Месяц назад

    Get to the point, you repeat one thing 50 times...

    • @tenacity_dev
      @tenacity_dev Месяц назад

      It makes sense to repeat important things so they stick with you, I'll keep this in mind for future videos!

  • @fakirest
    @fakirest Месяц назад

    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

  • @etinosaizekor6533
    @etinosaizekor6533 Месяц назад

    Good stuff man. Thank you

  • @vignxs
    @vignxs Месяц назад

    hi , could you please make more videos on fastapi and sqlalchemy2 and pydanctic. thanks a lot for this one!

  • @raishw6483
    @raishw6483 2 месяца назад

    Why would i use this instead of thr src directory?

  • @Jacks50n
    @Jacks50n 2 месяца назад

    code for this anywhere ? this is good

  • @od1ez
    @od1ez 2 месяца назад

    hm, in my case it creates empty migration table and does not create users table

  • @BRP-Moto-Tips
    @BRP-Moto-Tips 2 месяца назад

    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

  • @carlosrofts5230
    @carlosrofts5230 2 месяца назад

    Thanks dude , What can i use for real time text recognition?

  • @bogxd
    @bogxd 3 месяца назад

    The animations are looking smooth <3

  • @jeneration
    @jeneration 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

    • @tenacity_dev
      @tenacity_dev 3 месяца назад

      I agree, Brave's equivalent in Profiles is not that in switching a context as in Arc.

  • @GreenCanvasInteriorscape
    @GreenCanvasInteriorscape 3 месяца назад

    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

    • @tenacity_dev
      @tenacity_dev 3 месяца назад

      Hm, not sure. If I hear about a solution, I'll reply to your comment.

  • @davidsha
    @davidsha 3 месяца назад

    Basically give constructive criticism lmao

  • @jpedrothejo
    @jpedrothejo 3 месяца назад

    just use arc

  • @Super-y4x
    @Super-y4x 3 месяца назад

    i use opera gx w/ some mods

    • @DoFliesCallUsWalks
      @DoFliesCallUsWalks 3 месяца назад

      brave is better security and has built in ad prevention

    • @Hckr_pr_gmr
      @Hckr_pr_gmr 3 месяца назад

      Opera GX is ASS

  • @AhmadJutt850
    @AhmadJutt850 3 месяца назад

    Good suggestion

  • @techaddictdude
    @techaddictdude 3 месяца назад

    How on earth are you using useState in the server component?

    • @tenacity_dev
      @tenacity_dev 3 месяца назад

      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.

  • @Nomad-o3l
    @Nomad-o3l 3 месяца назад

    Sick animation. What did you use?

    • @tenacity_dev
      @tenacity_dev 3 месяца назад

      Thank you! I used Manim to make these animations.

  • @Hcihcip
    @Hcihcip 3 месяца назад

    hey,its really a great video But can you share some books, podcasts,videos to improve communication skill?

    • @tenacity_dev
      @tenacity_dev 3 месяца назад

      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.

  • @rendivs
    @rendivs 3 месяца назад

    thanks you tought me how to write better PR xD

  • @ediancomachio2783
    @ediancomachio2783 3 месяца назад

    this is great thank you so much

  • @wahabmufidat3837
    @wahabmufidat3837 3 месяца назад

    Hi thanks for the grate content but i am finding it difficult to load my docker compose up

  • @VuNguyen-bq4og
    @VuNguyen-bq4og 3 месяца назад

    tldr: move useQuery part to a reusable hook

  • @abdul-haque19
    @abdul-haque19 3 месяца назад

    This is working on Android but not in iOS!

  • @CodeWithRains
    @CodeWithRains 3 месяца назад

    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 ,

  • @rendivs
    @rendivs 3 месяца назад

    It takes genius to make it simple :)

  • @leventegaborlevai4897
    @leventegaborlevai4897 4 месяца назад

    As a beginner in nextjs I learned a lot more from this video, than any other one I've watched. Thank you!

    • @tenacity_dev
      @tenacity_dev 4 месяца назад

      Love to hear that, thank you!

  • @crocodile7719-d3b
    @crocodile7719-d3b 4 месяца назад

    Is this compatible with Custom user and Djoser package and if we want to authenticate when registering, will it set the cookie?

    • @tenacity_dev
      @tenacity_dev 4 месяца назад

      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.

    • @crocodile7719-d3b
      @crocodile7719-d3b 4 месяца назад

      @@tenacity_dev can you make video about that

    • @tenacity_dev
      @tenacity_dev 4 месяца назад

      @@crocodile7719-d3b I'll keep that in mind for future videos I'll be doing, good suggestion

    • @crocodile7719-d3b
      @crocodile7719-d3b 4 месяца назад

      @@tenacity_dev and how incode user_info in access token

  • @ОлегБаранчиков-ф5у
    @ОлегБаранчиков-ф5у 4 месяца назад

    Good explanation

  • @AlexMarba
    @AlexMarba 4 месяца назад

    bro... my eyes 😭Really interesting video :)

    • @tenacity_dev
      @tenacity_dev 4 месяца назад

      Hahaha, I'll use dark mode next time :D

    • @alexkiwi1909
      @alexkiwi1909 4 месяца назад

      @@tenacity_dev please

  • @Pk_0807
    @Pk_0807 5 месяцев назад

    That was an clear explanation.. haven't heard this kind of explantion from the other videos. Thanks man

  • @vadimivanovich1827
    @vadimivanovich1827 5 месяцев назад

    Somehow I ended up using the same pattern on my own. Thank you for spreading good ideas 💡

  • @justin9494
    @justin9494 5 месяцев назад

    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