Redhwan Nacef
Redhwan Nacef
  • 79
  • 702 514
Vite Plugin and HMR Tutorial
In this video we are building a Vite plugin from scratch and hooking into the hot module replacement API. Hope you enjoy!
Useful Links:
GitHub: github.com/redhwannacef/youtube-tutorials/tree/main/vite-plugin
Vite Plugin API: vitejs.dev/guide/api-plugin.html
Rollup Plugin API: rollupjs.org/plugin-development/
Music:
th-cam.com/video/P_odLrYl9ps/w-d-xo.html
Huge thank you to Harris Heller for providing copyright-free music.
Hey everyone! My name is Redhwan Nacef (Red for short). In this channel, I'm hoping to share my thoughts on software engineering, coding, management, and all things tech. I hope you enjoy!
มุมมอง: 485

วีดีโอ

Why Gitlab Has A Hyphen Route
มุมมอง 7113 หลายเดือนก่อน
Gitlab have an interesting 'hyphen' route in the there URLs. In this video I explain why they have that and how it solves a common issue in web development. Useful Links: Gitlab Issue: gitlab.com/gitlab-org/gitlab/-/issues/214217 Music: th-cam.com/video/P_odLrYl9ps/w-d-xo.html Huge thank you to Harris Heller for providing copyright-free music. Hey everyone! My name is Redhwan Nacef (Red for sho...
PostgreSQL Full Text Search Tutorial
มุมมอง 8K10 หลายเดือนก่อน
Let's take a look at Postgres full text search and how it works. I think this is the quickest way to get started with full text search! Hope you enjoy. Useful Links: Docs: www.postgresql.org/docs/current/textsearch.html Music: th-cam.com/video/MRh2oJQRacU/w-d-xo.html Huge thank you to Harris Heller for providing copyright-free music. Hey everyone! My name is Redhwan Nacef (Red for short). In th...
Adding Zoom Tool To HTML Canvas | Drawing App Tutorial Part 8
มุมมอง 7K11 หลายเดือนก่อน
Hey! Now that we have added the Pan tool, the Zoom too will be a bit easier to add as it follows the same principals. Let's do that next, hope you enjoy :) Useful Links: GitHub: github.com/redhwannacef/youtube/tree/main/excalidraw-tutorial Drawing App Series: th-cam.com/play/PLSxgVLtIB0IFmQGuVMSE_wDHPW5rq4Ik7.html MDN Docs Scale: developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D...
Adding Pan Tool To HTML Canvas | Drawing App Tutorial Part 7
มุมมอง 3.9K11 หลายเดือนก่อน
Hey! It's been a while... Again! Let's try adding the much request pan functionality to the drawing app. Hope you enjoy :) Useful Links: GitHub: github.com/redhwannacef/youtube/tree/main/excalidraw-tutorial Drawing App Series: th-cam.com/play/PLSxgVLtIB0IFmQGuVMSE_wDHPW5rq4Ik7.html MDN Docs Translate: developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate MDN Context Save: ...
Lets Build A Remix Clone In Deno
มุมมอง 947ปีที่แล้ว
Hello! In todays video we are hacking together a minimal Remix clone in Deno. This is a fun way to learn a bit more about how these web frameworks work under the hood. I hope you enjoy it! Useful Links: GitHub: github.com/redhwannacef/youtube-tutorials/tree/main/remix-deno-clone Remix: remix.run/ Deno: deno.land/ Music: th-cam.com/video/dR8qo6NjFTg/w-d-xo.html Huge thank you to Harris Heller fo...
HTML Form Crash Course | For Beginners
มุมมอง 3002 ปีที่แล้ว
Hello 😊 This video coved the fundamentals of HTML Form. If you are a web developer, regardless of the framework or tools you are using, this is an important piece to learn. Hope it helps! Useful Links: GitHub: github.com/redhwannacef/youtube-tutorials/tree/main/form-tutorial HTML Form: developer.mozilla.org/en-US/docs/Web/HTML/Element/form Input Types: developer.mozilla.org/en-US/docs/Learn/For...
Git Worktree Tutorial | The Most Underrated Git Command?
มุมมอง 14K2 ปีที่แล้ว
Hello 👋🏼 Today we are looking at the git worktree command. This is a very useful and simple command to learn and can save you lots of time in the future! I hope you enjoy :) Useful Links: Documentation: git-scm.com/docs/git-worktree Music: th-cam.com/video/3cgExTRv-KA/w-d-xo.html Huge thank you to Harris Heller for providing copyright-free music. Hey everyone! My name is Redhwan Nacef (Red for ...
How To Manage Translations For Your Application | Crowdin & GitHub Tutorial
มุมมอง 10K2 ปีที่แล้ว
Hello 👋🏼 Today we are looking at how to manage translations using Crowdin and the GitHub integration. This example is using a React app however it applies to any front end. I hope you enjoy! Thank you for Crowdin for reaching out and partnering on this video! Useful Links: Github: github.com/redhwannacef/youtube-tutorials/tree/main/crowdin-tutorial Crowdin: crowdin.com/teams/engineering Crodwin...
Let's Build A Comments Library From Scratch
มุมมอง 3622 ปีที่แล้ว
Hello! In todays tutorial we are build a little comments library that can use a plugin system to work with any backend and any front end. I hope you enjoy it. 🙂 Useful Links: Github: github.com/redhwannacef/youtube-tutorials/tree/main/crowdin-tutorial Crowdin: crowdin.com/ Crodwin In Context: demo.crowdin.com/ Music: th-cam.com/video/ZF92e2Y8fyk/w-d-xo.html Huge thank you to Harris Heller for p...
Run Docker In Your Unit Tests (Java, NodeJS, Go, Rust and more) | Testcontainers Tutorial
มุมมอง 2.7K2 ปีที่แล้ว
Hello! Testcontainers lets you easily manage and run docker containers within your unit tests. This is a really useful tool. Let's take a look at how it works. I hope you enjoy it! Useful Links: Github: github.com/redhwannacef/youtube-tutorials/tree/main/testcontainers Testcontainers Docs: www.testcontainers.org/ Testcontainers Github: github.com/testcontainers Music: th-cam.com/video/3KENxCrWV...
Database Migrations for Beginners | Flyway Tutorial
มุมมอง 46K2 ปีที่แล้ว
Hello! Let's take a look at how database migrations work and why they are needed. This concept is the exact same across any language/framework, however I will be doing a demo using Javas Flyway. I hope you enjoy it! Useful Links: Github: github.com/redhwannacef/youtube-tutorials/tree/main/flyway-tutorial Flyway Docs: flywaydb.org/ Music: th-cam.com/video/-vbPchFHUlU/w-d-xo.html Huge thank you t...
How Cloudflare Workers Achieve 0ms Cold Starts
มุมมอง 3.6K2 ปีที่แล้ว
Hello! In this video we are taking a quick look into cold starts and how Cloudflare manage to get rid of this problem. I hope you enjoy it! Useful Links: How CloudFlare works: developers.cloudflare.com/workers/learning/how-workers-works Blog: mikhail.io/serverless/coldstarts/aws/ Music: th-cam.com/video/TC0JDDsXEU8/w-d-xo.html Huge thank you to Harris Heller for providing copyright-free music. ...
Remix Tutorial | Remix for Beginners
มุมมอง 3.3K2 ปีที่แล้ว
Hey! It's been a while... Again! Today we are learning the building blocks for Remix, a React web framework. I'm super excited for this one! I have just started learning it myself and can't wait to use it more. If you want to go any deeper or see more Remix content, let me know. Have a good day 🙂 Useful Links: GitHub: github.com/redhwannacef/youtube/tree/main/remix-tutorial Remix Docs: remix.ru...
Add Text To HTML Canvas | Drawing App Tutorial Part 6
มุมมอง 11K2 ปีที่แล้ว
Hey! It's been a while. Today we are learning to add text to our drawing app as I got few requests for this. Another long one, might need to refactor this app at some point so it's less hackey! Hope you enjoy :) Useful Links: GitHub: github.com/redhwannacef/youtube/tree/main/excalidraw-tutorial Drawing App Series: th-cam.com/play/PLSxgVLtIB0IFmQGuVMSE_wDHPW5rq4Ik7.html MDN Docs Text: developer....
Infinite Scroll With React & React Query | Tutorial
มุมมอง 13K2 ปีที่แล้ว
Infinite Scroll With React & React Query | Tutorial
Building a React Router V6 Clone | So Simple!
มุมมอง 3232 ปีที่แล้ว
Building a React Router V6 Clone | So Simple!
Build A Test Framework In 10 Mins | Jest Clone
มุมมอง 3382 ปีที่แล้ว
Build A Test Framework In 10 Mins | Jest Clone
Add Perfect Freehand To HTML Canvas | Drawing App Tutorial Part Pt 5
มุมมอง 6K2 ปีที่แล้ว
Add Perfect Freehand To HTML Canvas | Drawing App Tutorial Part Pt 5
Pulumi Tutorial | Build Infrastructure In TypeScript
มุมมอง 2.7K2 ปีที่แล้ว
Pulumi Tutorial | Build Infrastructure In TypeScript
Worlds First 11x Engineer
มุมมอง 1.1K2 ปีที่แล้ว
Worlds First 11x Engineer
Performance/Load Testing with JMeter | JMeter Tutorial
มุมมอง 2.1K3 ปีที่แล้ว
Performance/Load Testing with JMeter | JMeter Tutorial
Top 5 Ways To Document Your Code
มุมมอง 48K3 ปีที่แล้ว
Top 5 Ways To Document Your Code
Cypress Tutorial | Cypress in 12 Minutes
มุมมอง 7333 ปีที่แล้ว
Cypress Tutorial | Cypress in 12 Minutes
Learn Web Scraping with Puppeteer/Node.js in 15 Minutes
มุมมอง 6K3 ปีที่แล้ว
Learn Web Scraping with Puppeteer/Node.js in 15 Minutes
Custom Kong Gateway Plugin In Go | Kong Plugin Tutorial
มุมมอง 6K3 ปีที่แล้ว
Custom Kong Gateway Plugin In Go | Kong Plugin Tutorial
Material UI Tutorial | Getting Started
มุมมอง 1673 ปีที่แล้ว
Material UI Tutorial | Getting Started
Git Submodules Tutorial | For Beginners
มุมมอง 143K3 ปีที่แล้ว
Git Submodules Tutorial | For Beginners
I Built A Harry Mack Search Engine
มุมมอง 6143 ปีที่แล้ว
I Built A Harry Mack Search Engine
Elasticsearch Tutorial | Elasticsearch For Beginners
มุมมอง 3.3K3 ปีที่แล้ว
Elasticsearch Tutorial | Elasticsearch For Beginners

ความคิดเห็น

  • @BrocchiRodrigo
    @BrocchiRodrigo 6 วันที่ผ่านมา

    I enjoyed the content! It helped me a lot with a project I'm working on with some colleagues. Very nice!

  • @erniepasveer8027
    @erniepasveer8027 8 วันที่ผ่านมา

    Clear and concise. Good presentation style and technique.

  • @adityavardhanagarwal
    @adityavardhanagarwal 13 วันที่ผ่านมา

    Thank You

  • @francovedia5584
    @francovedia5584 13 วันที่ผ่านมา

    thanks

  • @francovedia5584
    @francovedia5584 13 วันที่ผ่านมา

    thanks

  • @francovedia5584
    @francovedia5584 13 วันที่ผ่านมา

    thanks

  • @francovedia5584
    @francovedia5584 14 วันที่ผ่านมา

    thanks

  • @MohammadhosseinMalekpour
    @MohammadhosseinMalekpour 15 วันที่ผ่านมา

    Great, thanks man.

  • @francovedia5584
    @francovedia5584 15 วันที่ผ่านมา

    thanks

  • @francovedia5584
    @francovedia5584 15 วันที่ผ่านมา

    thanks

  • @KazHachiOreki
    @KazHachiOreki 15 วันที่ผ่านมา

    why did you use `useLayoutEffect` hook? doesn't just taking reference of canvas element (using `useRef`) then using `useEffect` hook is better approach?

  • @francovedia5584
    @francovedia5584 15 วันที่ผ่านมา

    thanks

  • @francovedia5584
    @francovedia5584 16 วันที่ผ่านมา

    thanks

  • @francovedia5584
    @francovedia5584 16 วันที่ผ่านมา

    thanks

  • @mattydfromsandiego2356
    @mattydfromsandiego2356 20 วันที่ผ่านมา

    I am a huge fan of perfect-freehand I’m in the process of rolling out an innovative artistic experience and searching for developer who be willing to work for an equity piece. Please reach out to me if you’d like to learn more. Thank you for such wonderful videos.

  • @burjisazrael4164
    @burjisazrael4164 23 วันที่ผ่านมา

    Great video! Thanks!

  • @JohnSonOfJon
    @JohnSonOfJon 27 วันที่ผ่านมา

    I'm so glad I stumbled on this video. Great explanation!

  • @calumjb
    @calumjb หลายเดือนก่อน

    Massively helpful and intuitive, thank you!

  • @MrSnivvel
    @MrSnivvel หลายเดือนก่อน

    For a better tutorial, two things. First, using the full, non-aliased commands would be clearer on what's being done and be easier to process than having to constantly do the mental conversions. Second, having the second worktree that's not located in hidden directory (that also requires a blanket gitignore entry) but in the root of the bare clone directory would be better for general simplicity of explaining the concepts.

  • @fuzailahmad3259
    @fuzailahmad3259 หลายเดือนก่อน

    dude this series is amazing watching it after three years , have created excalidraw clone as it is today by learning from your videos , i am gonna mantion you on twitter

  • @thaynethetigerbarnes
    @thaynethetigerbarnes หลายเดือนก่อน

    I think you helped me with a huge problem, I am trying to use strapi for my back-end and I have struggled getting it to commit in one repo I do believe this will be the fix! TY!

  • @Filou974
    @Filou974 หลายเดือนก่อน

    Wow, such a hidden gem of a video. Nice pacing and super interesting content!!

    • @RedhwanNacef
      @RedhwanNacef หลายเดือนก่อน

      Thanks! Glad you enjoyed it 😊

  • @alexandremondaini
    @alexandremondaini หลายเดือนก่อน

    Hi, whichi software are you typing sql at ? looks gorgeous

  • @kenttorres9465
    @kenttorres9465 หลายเดือนก่อน

    This was very helpful, thank you!

  • @user-lz2wf5dz2f
    @user-lz2wf5dz2f หลายเดือนก่อน

    One thing I've noticed about HTML canvas is that when zooming the resolution quickly looks really bad. What do you think is the best way to fix that?

  • @TheChamberRoomExperience
    @TheChamberRoomExperience หลายเดือนก่อน

    What canvas are you talking about? I was looking for putting words on a canvas then hand it on my wall

  • @rafaelsanchez5848
    @rafaelsanchez5848 หลายเดือนก่อน

    I rather using Django for migrations, obviusly while having python knowledge in the matter. Excellente vid btw

  • @user-yk5sf8lt5b
    @user-yk5sf8lt5b 2 หลายเดือนก่อน

    Stack can also be a good option for creating a undo redo feature

  • @sohampathak8173
    @sohampathak8173 2 หลายเดือนก่อน

    Hats off to you and your consistency to make this great project. So well structured use of function and the intellect tells that you actually know how to code.

  • @Fanaro
    @Fanaro 2 หลายเดือนก่อน

    The code is too small, and this really doesn't feel 1080p. But thanks for the tutorial though.

  • @TheYidoify
    @TheYidoify 2 หลายเดือนก่อน

    Thank you!

  • @lifeisbeautifu1
    @lifeisbeautifu1 2 หลายเดือนก่อน

    Amazing, thank you!

  • @user-qd1vl9gm9p
    @user-qd1vl9gm9p 3 หลายเดือนก่อน

    Great tutorial! I have one question: Is it possible to automatically run migration script on the application startup? I want to do it automatically on every new-version deployment of my application

  • @dprsd042
    @dprsd042 3 หลายเดือนก่อน

    Simply brilliant, amazing explanation and from tought process to code was easily understandable 👍💯

  • @tobiaskathan134
    @tobiaskathan134 3 หลายเดือนก่อน

    Very nice series. How could I implement it instead of an infinite whiteboard with typical sheet sizes (e.g. A4)? (kind of a very simple Goodnotes clone)

  • @caballerosalas
    @caballerosalas 3 หลายเดือนก่อน

    Put on 0.75 and he sounds like a normal person and not as Fry after drinking 100 coffees.

    • @yuvu11hjg
      @yuvu11hjg 9 วันที่ผ่านมา

      Fr

  • @h4ckedneko
    @h4ckedneko 3 หลายเดือนก่อน

    When a worker (isolate) spins up it is actually not 0ms but in the range of 0.1 to 9ms depending on your worker and the server hardware it runs on. The true reason how they achieve 0ms is because your worker spins up during TLS handshake, instead of when HTTP request was received. The handshake will take some time and by the time it finishes, your worker is already started making it 0ms cold start.

  • @japanijoota6190
    @japanijoota6190 3 หลายเดือนก่อน

    very good video, thank you!!

  • @tinotaylor
    @tinotaylor 3 หลายเดือนก่อน

    Thanks for the clear explanation

  • @Anto-mi5pn
    @Anto-mi5pn 3 หลายเดือนก่อน

    What's the SQL editor you're using?

  • @fobiastate6815
    @fobiastate6815 3 หลายเดือนก่อน

    Hey, thx for the vid! I had one question: How do you get the syntax highlighting for XSL-FO? Right now, I am on intelliJ and I get no highlighting, no code completion whatsoever, I can't even comment out code with the shortcut, I have to do everything manually, which is quite annoying. Is this possible on the community or the ultimate edition, if so how? Thx in advance and have a good one : )

  • @nasaorc
    @nasaorc 3 หลายเดือนก่อน

    Interesting mechanism, thanks for sharing

  • @seeker3794
    @seeker3794 3 หลายเดือนก่อน

    There is no any step-by-step explanation

  • @umuden
    @umuden 3 หลายเดือนก่อน

    Keep them as array arrays, instead of object arrays. Saves lot's of memory and processing time

  • @sommmtoooo
    @sommmtoooo 3 หลายเดือนก่อน

    Thanks !

  • @thechoosen4240
    @thechoosen4240 3 หลายเดือนก่อน

    Good job bro, JESUS IS COMING BACK VERY; WATCH AND PREPARE

  • @thechoosen4240
    @thechoosen4240 3 หลายเดือนก่อน

    Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND PREPARE

  • @deecee2204
    @deecee2204 3 หลายเดือนก่อน

    This is great. Thanks

  • @user-vs5qs2mr1y
    @user-vs5qs2mr1y 3 หลายเดือนก่อน

    but if we have more than one submodule and we want to downoloaded only a specific submodule into the main repo ?

  • @chuckinator0
    @chuckinator0 3 หลายเดือนก่อน

    Nice tutorial. I just want to note the worst naming in all of computer science: “database schema”. This video is about data schemas, ie the format of your data, ie what fields there are in the table and their types. Then there’s “database schema” which is completely unrelated. This is a namespace your database uses for tables. For example, you might have two tables postgres.prod.users and postgres.dev.users. The tables have the same name, but are in different schemas (ie namespaces) dev and prod. This was very confusing to me at one point, so hopefully it helps someone out.