- Видео 80
- Просмотров 800 694
Redhwan Nacef
Великобритания
Добавлен 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!
Database Locks Explained | With Real-World E-Commerce Example
I hit a Database concurrency issue in an e-commerce platform I am working on which I solved with database locking. I thought I would share what this is and how to solve it. Hope you enjoy ☺️
You can read up more on Postgres Locking here: www.postgresql.org/docs/current/explicit-locking.html
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!
Thumbnail Icon Attribution: www.flaticon.com | Icons created by Freepik - Flaticon
You can read up more on Postgres Locking here: www.postgresql.org/docs/current/explicit-locking.html
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!
Thumbnail Icon Attribution: www.flaticon.com | Icons created by Freepik - Flaticon
Просмотров: 150
Видео
Vite Plugin and HMR Tutorial
Просмотров 1,7 тыс.9 месяцев назад
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: ruclips.net/video/P_odLrYl9ps/видео.html Huge thank you to Harris Heller for pro...
Why Gitlab Has A Hyphen Route
Просмотров 7989 месяцев назад
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: ruclips.net/video/P_odLrYl9ps/видео.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
Просмотров 12 тыс.Год назад
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: ruclips.net/video/MRh2oJQRacU/видео.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
Просмотров 10 тыс.Год назад
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: ruclips.net/p/PLSxgVLtIB0IFmQGuVMSE_wDHPW5rq4Ik7 MDN Docs Scale: developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale ...
Adding Pan Tool To HTML Canvas | Drawing App Tutorial Part 7
Просмотров 6 тыс.Год назад
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: ruclips.net/p/PLSxgVLtIB0IFmQGuVMSE_wDHPW5rq4Ik7 MDN Docs Translate: developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate MDN Context Save: develop...
Lets Build A Remix Clone In Deno
Просмотров 1,2 тыс.2 года назад
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: ruclips.net/video/dR8qo6NjFTg/видео.html Huge thank you to Harris Heller fo...
HTML Form Crash Course | For Beginners
Просмотров 3602 года назад
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?
Просмотров 18 тыс.2 года назад
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: ruclips.net/video/3cgExTRv-KA/видео.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
Просмотров 11 тыс.2 года назад
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
Просмотров 3902 года назад
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: ruclips.net/video/ZF92e2Y8fyk/видео.html Huge thank you to Harris Heller for p...
Run Docker In Your Unit Tests (Java, NodeJS, Go, Rust and more) | Testcontainers Tutorial
Просмотров 2,9 тыс.2 года назад
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: ruclips.net/video/3KENxCrW...
Database Migrations for Beginners | Flyway Tutorial
Просмотров 61 тыс.2 года назад
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: ruclips.net/video/-vbPchFHUlU/видео.html Huge thank you t...
How Cloudflare Workers Achieve 0ms Cold Starts
Просмотров 3,8 тыс.2 года назад
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: ruclips.net/video/TC0JDDsXEU8/видео.html Huge thank you to Harris Heller for providing copyright-free music. ...
Remix Tutorial | Remix for Beginners
Просмотров 3,7 тыс.3 года назад
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
Просмотров 12 тыс.3 года назад
Add Text To HTML Canvas | Drawing App Tutorial Part 6
Infinite Scroll With React & React Query | Tutorial
Просмотров 13 тыс.3 года назад
Infinite Scroll With React & React Query | Tutorial
Building a React Router V6 Clone | So Simple!
Просмотров 3393 года назад
Building a React Router V6 Clone | So Simple!
Build A Test Framework In 10 Mins | Jest Clone
Просмотров 3983 года назад
Build A Test Framework In 10 Mins | Jest Clone
Add Perfect Freehand To HTML Canvas | Drawing App Tutorial Part Pt 5
Просмотров 7 тыс.3 года назад
Add Perfect Freehand To HTML Canvas | Drawing App Tutorial Part Pt 5
Pulumi Tutorial | Build Infrastructure In TypeScript
Просмотров 2,9 тыс.3 года назад
Pulumi Tutorial | Build Infrastructure In TypeScript
Performance/Load Testing with JMeter | JMeter Tutorial
Просмотров 8 тыс.3 года назад
Performance/Load Testing with JMeter | JMeter Tutorial
Cypress Tutorial | Cypress in 12 Minutes
Просмотров 8293 года назад
Cypress Tutorial | Cypress in 12 Minutes
Learn Web Scraping with Puppeteer/Node.js in 15 Minutes
Просмотров 6 тыс.3 года назад
Learn Web Scraping with Puppeteer/Node.js in 15 Minutes
Custom Kong Gateway Plugin In Go | Kong Plugin Tutorial
Просмотров 7 тыс.3 года назад
Custom Kong Gateway Plugin In Go | Kong Plugin Tutorial
Material UI Tutorial | Getting Started
Просмотров 1963 года назад
Material UI Tutorial | Getting Started
Git Submodules Tutorial | For Beginners
Просмотров 165 тыс.3 года назад
Git Submodules Tutorial | For Beginners
It’s insane how you speak so fast but maintain a clear explanation, you are really good at explaining
Thanks a lot for the tutorial
Thank You! Great tutorial , concepts on point
A very good tutorial thanks so much for this explanation 😊
you are importing everything from rough.js? where is it an who made it? Can you make a video without it? Just using JavaScript.🙂
github checkout action ,submodule : true gives error : repo not found even though both my repo lies within the same organization.
Thanks for this
Great explanation, showing the lock blocking in real time was really useful
Thanks, glad you found it useful!
Excellent... very easy to understand the explanations.
This whole terminal thing is pure magic for me, but I think I got the concept.
Thank you for your clear explanation ❤
Great explanation! Thank you very much!
Thank you, twas very useful tutorial.
Thanks
Great work
It's concise and helpful!
Nice video Thanks for sharing
Nice video 👍 I need to share config files between two Ansible repositories and git submodule with config files looks like a solution.
Your simplicity of undo redo logic got me ashamed on my 50 lines of cod. TOO GUD man
If and iff, you must include "comments" then exclusively in, say, 'z' or 'vdm' otherwise please don't bother! Simples ):-)
I'm a 2nd year comsci student, and these tips are helpful. I learned that my code practice is bad (I should've refactored more so that the code is the documentation itself). I'll use these in my future works. Thank you!
Its so complivated. Why not just use localstorage.
I don't know why, but i have wrong coordinates for elements.
Awesome video!!
Great tutorial! Thanks!
Спасибо за видео!
Seems like you never pushed the zoom code to your repo + the zoom to mouse position integration would be a nice follow up tutorial.. Thanks for the series so far, it was helpful.
Great video
thanks mate
Amazing projects discovered on your main github repo ;-) thx in advance
Detailed and simple, incredibly helpful. Thanks!
clean and clear
can you make submodules out of specific folders in a repository?
You can , you have to allow file protocol. i.e git config --global protocol.file.allow always
Thank you this was wery helpful
Nice Vid. Thank you!
That was great!
Brilliant tutorial! Thank you for making this and thanks for the tip on how to handle non-nullable columns. 🙏
super helpful thanks
Hey should i get the whole code of this drawing app
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?