![Redhwan Nacef](/img/default-banner.jpg)
- 79
- 702 514
Redhwan Nacef
United Kingdom
เข้าร่วมเมื่อ 18 ม.ค. 2009
Hello 👋, my name is Redhwan Nacef (Red for short) and I am a Software Engineer mainly experienced in Java and JavaScript. In this channel, I share coding tutorials and tips, my thoughts on software engineering, and all things tech. I hope you enjoy!
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!
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
Performance/Load Testing with JMeter | JMeter Tutorial
มุมมอง 2.1K3 ปีที่แล้ว
Performance/Load Testing with JMeter | JMeter Tutorial
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
Git Submodules Tutorial | For Beginners
มุมมอง 143K3 ปีที่แล้ว
Git Submodules Tutorial | For Beginners
Elasticsearch Tutorial | Elasticsearch For Beginners
มุมมอง 3.3K3 ปีที่แล้ว
Elasticsearch Tutorial | Elasticsearch For Beginners
I enjoyed the content! It helped me a lot with a project I'm working on with some colleagues. Very nice!
Clear and concise. Good presentation style and technique.
Thank You
thanks
thanks
thanks
thanks
Great, thanks man.
thanks
thanks
why did you use `useLayoutEffect` hook? doesn't just taking reference of canvas element (using `useRef`) then using `useEffect` hook is better approach?
thanks
thanks
thanks
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.
Great video! Thanks!
I'm so glad I stumbled on this video. Great explanation!
Massively helpful and intuitive, thank you!
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.
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
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!
Wow, such a hidden gem of a video. Nice pacing and super interesting content!!
Thanks! Glad you enjoyed it 😊
Hi, whichi software are you typing sql at ? looks gorgeous
This was very helpful, thank you!
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?
What canvas are you talking about? I was looking for putting words on a canvas then hand it on my wall
I rather using Django for migrations, obviusly while having python knowledge in the matter. Excellente vid btw
Stack can also be a good option for creating a undo redo feature
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.
The code is too small, and this really doesn't feel 1080p. But thanks for the tutorial though.
Thank you!
Amazing, thank you!
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
Simply brilliant, amazing explanation and from tought process to code was easily understandable 👍💯
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)
Put on 0.75 and he sounds like a normal person and not as Fry after drinking 100 coffees.
Fr
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.
very good video, thank you!!
Thanks for the clear explanation
What's the SQL editor you're using?
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 : )
Interesting mechanism, thanks for sharing
There is no any step-by-step explanation
Keep them as array arrays, instead of object arrays. Saves lot's of memory and processing time
Thanks !
Good job bro, JESUS IS COMING BACK VERY; WATCH AND PREPARE
Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND PREPARE
This is great. Thanks
but if we have more than one submodule and we want to downoloaded only a specific submodule into the main repo ?
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.