CoderOne
CoderOne
  • Видео 312
  • Просмотров 8 892 347
I Created a Podcast with my Own Voice using This New AI Tool
#ai #podcast #generativeai
🎉Our Newsletter is live! Join thousands of other developers
islemmaboud.com/join-newsletter
🐦 Follow me on Twitter: ipenywis
-- Special Links
✨ Join Figma for Free and start designing now!
psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
psxid.figma.com/ucwkx28d18fo-cb44ct
-- Watch More Videos
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
ruclips.net/video/VWEJ-GhjU4U/видео.html
🧭 Turn Design into React Code | From prototype to Full website in no time
ruclips.net/video/0xhu_vgKZ8k/видео.html
🧭 Watch Tutorial on Designing the website on Figma
ruclips.net/video...
Просмотров: 668

Видео

I Switched to this AI Coding Assistant with Open Source Models
Просмотров 16 тыс.14 дней назад
#ai #aiassistant #copilot #codeeditor 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: ipenywis Special Links ✨ Join Figma for Free and start designing now! psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨ psxid.figma.com/ucwkx28d18fo-cb44ct Watch More Videos 🧭 Build ...
These Are the Libraries I will Choose if I Start a SaaS Project Today
Просмотров 2,5 тыс.21 день назад
#javascript #saas #boilerplate 💻 Boilerplate Repo github.com/ipenywis/one-stack?tab=readme-ov-file This is the Only Right Way to Write React clean-code - SOLID ruclips.net/video/MSq_DCRxOxw/видео.htmlsi=GagPJJQsMSmTxijg I Wish I knew about This Authentication Tool Earlier ruclips.net/video/bDVTxkYkbnQ/видео.htmlsi=LkFp40g9_EDJH2NX 🎉Our Newsletter is live! Join thousands of other developers isle...
The Most Anticipated VSCode Feature for Better Dev Experience
Просмотров 3,2 тыс.Месяц назад
#vscode #programming #development VSCode custom labels feature is finally here! This will end messy workspaces with redundant filenames; if you are a next.js developer or familiar with it, you would know the pain of dealing with hundreds of pages.jsx files. 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: ipenywis VS...
This React Compiler is the GOAT!
Просмотров 4,9 тыс.Месяц назад
The React Compiler is here! It will take your poor performance code and turn it into a fast, performant and memoized code automatically for you. In this video, we'll explore the new compiler, what it does, how it works and how it will optimize your React code. 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: ipenywis...
Refactoring Junior React Code to Clean Code - SOLID
Просмотров 7 тыс.Месяц назад
Explain how to properly refactor your legacy Junior React code to follow clean-code SOLID principles. We'll go through an old Button component I wrote back in 2020 that was very ugly and bad. 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter ⭐ Timestamps ⭐ 00:00 Intro 01:39 Understanding our old code 05:17 Refactoring code 06:37 Refactoring component lo...
Tailwind CSS Plugins I Wish I knew Sooner
Просмотров 4,3 тыс.Месяц назад
You're probably missing out on a lot if you are not using these Tailwind CSS plugins. Tailwind CSS Signals, Mixins, UI Components, Members and more 💻 Tailwind Plugins Repo github.com/ipenywis/awesome-tailwind-plugins ⭐ Timestamps ⭐ 00:00 Intro 00:52 Daisy UI 03:30 Signals 09:15 Mixins 12:20 Members 🔗 Links daisyui.com/ github.com/brandonmcconnell/tailwindcss-signals github.com/brandonmcconnell/...
Everything You Need to Know About React 19
Просмотров 15 тыс.Месяц назад
React 19 is finally here! Bringing new features and APIs to the frontend world and for all React lovers. Learn about every new React 19 feature and API in one video in 20 minutes. 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: ipenywis 🔴 Chapters 00:00 Intro 00:30 useTransition hook 03:18 useStateAction hook 06:14 ...
The Truth About The New Javascript Proposal
Просмотров 2,9 тыс.2 месяца назад
The New TC39 Proposal for Standardizing Signals Into Javascript & ECMAScript could change javascript forever and how we build user interfaces forever as we know it. But did you know that Signals were introduced nearly 15 years ago, in 2010. The Framework is called Knockout js. 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: twi...
This is going to change React Forever
Просмотров 3,9 тыс.2 месяца назад
Javascript Signals are finally available on React. The new useSignal hook is a killer hook that allows you to use the new Javascript Signals Proposal to build efficient apps that only re-render when needed and not on every state update. 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: ipenywis ✨ Timestamps ✨ 00:00 In...
I Wish I knew about This Authentication Tool Earlier
Просмотров 3,3 тыс.2 месяца назад
Authentication is hard! Here's how to make it easy with Authkit. Adding Email/Password, OAuth, SSO, Rest password, Magic links and a lot more all with one tool that takes care of all the headaches and you only need to focus on your App. Start with Authkit here www.authkit.com/ dashboard.workos.com/signup?utm=coderone 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/jo...
This New React 19 Hook Will Blow Your Mind
Просмотров 7 тыс.2 месяца назад
Introducing React 19's useOptimistic hook! Render instant UI updates while waiting for async operations. Say goodbye to loading spinners and hello to seamless user experiences. Try it now and see the difference! 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter 🐦 Follow me on Twitter: ipenywis Special Links ✨ Join Figma for Free and start de...
Why I Switched From Figma Dev Mode to This Tool
Просмотров 2,4 тыс.3 месяца назад
Figma has recently introduced its latest feature called "Dev Mode," aimed at aiding developers in transitioning seamlessly from design to code. However, despite its promising functionality, it lacks some essential features and comes with a relatively high price tag. In my opinion, I've discovered a suitable alternative to streamline your design-to-code workflow: Zeplin. ✨ Get Started with Zepli...
I Got Access to Google's New AI Code Editor | Project IDX
Просмотров 12 тыс.3 месяца назад
I Got Access to Google's New AI Code Editor! Which is called Project IDX!. Let's explore the new editor and see what Google is cooking for developers. Will this replace or kill VSCode? 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter Checkout Project IDX and Join the Waitlist: idx.dev/ Special Links ✨ Join Figma for Free and start designing now! psxid....
I Just Discovered The Most Underrated UI Library for React
Просмотров 26 тыс.3 месяца назад
Choosing the right UI library for your next project can help you move faster in many aspects. Mantine UI is one of the great UI libraries that can do that and a lot more! 🎉Our Newsletter is live! Join thousands of other developers islemmaboud.com/join-newsletter Checkout Mantine: mantine.dev/ Special Links ✨ Join Figma for Free and start designing now! psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figm...
I Got a New Job at an AI Startup!
Просмотров 1,6 тыс.4 месяца назад
I Got a New Job at an AI Startup!
The Magical React Hook That Makes your Components Smaller
Просмотров 6 тыс.4 месяца назад
The Magical React Hook That Makes your Components Smaller
Javascript Gets a New Runtime Every Month Now!
Просмотров 2,1 тыс.4 месяца назад
Javascript Gets a New Runtime Every Month Now!
I Wish I knew This About Typescript & React Sooner
Просмотров 37 тыс.4 месяца назад
I Wish I knew This About Typescript & React Sooner
Build a REST API AI SaaS That Generates Magical Images
Просмотров 5 тыс.4 месяца назад
Build a REST API AI SaaS That Generates Magical Images
Git Mistakes Every Junior Developer should Avoid | clean-code
Просмотров 3,4 тыс.5 месяцев назад
Git Mistakes Every Junior Developer should Avoid | clean-code
Stop Doing These Next.js Mistakes
Просмотров 8 тыс.5 месяцев назад
Stop Doing These Next.js Mistakes
Google Will Soon Kill Ad Blockers with Manifest V3 - What’s Next?
Просмотров 3,1 тыс.5 месяцев назад
Google Will Soon Kill Ad Blockers with Manifest V3 - What’s Next?
I Wish I knew These UI Design Aspects Sooner
Просмотров 3,6 тыс.5 месяцев назад
I Wish I knew These UI Design Aspects Sooner
I Can't Believe I Didn't Know these Typescript Hacks
Просмотров 11 тыс.6 месяцев назад
I Can't Believe I Didn't Know these Typescript Hacks
I Wish I knew this CSS Design Trend Sooner
Просмотров 2,7 тыс.6 месяцев назад
I Wish I knew this CSS Design Trend Sooner
Prettier/ESLint to Biome: The Lightning-Fast Rust-Based Tool!
Просмотров 16 тыс.6 месяцев назад
Prettier/ESLint to Biome: The Lightning-Fast Rust-Based Tool!
JSON is Slow
Просмотров 3,2 тыс.6 месяцев назад
JSON is Slow
React Clean Code: Advanced Examples of SOLID Principles
Просмотров 23 тыс.7 месяцев назад
React Clean Code: Advanced Examples of SOLID Principles
The React Interview Questions You need to Know
Просмотров 23 тыс.7 месяцев назад
The React Interview Questions You need to Know

Комментарии

  • @mhho2336
    @mhho2336 5 часов назад

    What you didn't mention regarding the showcase of OCP is that the so-called compound components are gonna double or triple the size of code. I personally don't recommend use compound components everywhere.

  • @squishy-tomato
    @squishy-tomato 10 часов назад

    idk why one would use choose to use enum's numbers or strings explicitly: the main idea of enums is to express and retain their intent throughout the code, their value is of secondary importance. By using explicit values (like numbers, strings) you're kind of defeating their purpose. just use them directly e.g.: state: GoodState = GoodState.InProgress // its value doesn't matter

  • @vipsvips3213
    @vipsvips3213 День назад

    O(n!) not O(log n) Fibonacci

  • @jermesastudio
    @jermesastudio День назад

    Thank you for this tutorial. This will be helpful for my commercial projects.

  • @99blackbelt
    @99blackbelt День назад

    Tried to go to sleep listening to this. You don’t speak clearly enough for me to do that. Speaking very fast, and mumbling does not help, even with a mic.

  • @zaouiamine6475
    @zaouiamine6475 2 дня назад

    منيش مامن بلي جزايري ، الله يبارك Thanks to tiktok

  • @zaouiamine6475
    @zaouiamine6475 2 дня назад

    منيش مامن بلي جزايري ، الله يبارك Thanks to tiktok

  • @Gabriel-ch7sx
    @Gabriel-ch7sx 2 дня назад

    Please, give a mug of coffee to your AI version 😂😂😂

  • @SilverionGameplays
    @SilverionGameplays 2 дня назад

    Sometimes I do something like css({fontSize: '20px'}) but it force me to use "!important" bc it doesn't take preference... there's any better solution?

  • @askholia
    @askholia 3 дня назад

    I think before we make anymore AI stuff, we need to ask first, why would anyone care about this. We keep acting like the virtue is in making the AI stuff in the first place. It's not. it is a product and only matters if people can use it. Be careful

  • @alexdin1565
    @alexdin1565 3 дня назад

    bro can you make a tutorial about FabricJs + NextJs

  • @zeeselk3468
    @zeeselk3468 3 дня назад

    when i do npm run dev i see this error: ModuleDependencyError: Can't import the named export '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' from non EcmaScript module (only default export is available) any help please!

  • @harryzhu
    @harryzhu 4 дня назад

    if they ask about prop drilling, use contexts/provider relationship pattern!

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

    Salomondrin

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

    Not sure how you confirmed your selection

  • @hpforthewin469
    @hpforthewin469 6 дней назад

    40;48

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

    Just use double bang (`!!`) or `{Boolean(data) && <Component />}`. Not that difficult

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

    Great video

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

    Great video! Thank you

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

    Will these meta tags be overwitten by the most nested component? 19:50

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

    18:38 ref can have a function as a value? Did not know abt this... Gerat video

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

    That would be great if all this new form hooks supported validation and some functions like getVales, setValue from React Hook Form

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

    3:55 Why do we call this error or "basically anything that is going to be returned"?? Maybe it is more straiforward to call it data or something? Error is very specific

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

    mantine sucks

    • @persas1683
      @persas1683 6 дней назад

      Hi sir, can you please list out some bad experience that you have with Mantine? It will help a lot of people.

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

    SPR doesn't mean "class should do only one thing". Classes or modules do a lot of things. SPR means that class or module "should have only one reason to change". It means that when you have to change orders processing you shouldn't make changes in other parts of your application e.g. users, accounting etc. And the orders module still does a lot of different things.

  • @SerheyST-qb2ei
    @SerheyST-qb2ei 10 дней назад

    Hi. Help me through difficult times. I really need financial help. Please donate to me a Tether. USDT trc20: TE6kSGJyUui8qWmC5Zew89u95sHv8uNFrV Thanks🙏🙏🙏

  • @emmanuellmiqueletti4605
    @emmanuellmiqueletti4605 11 дней назад

    a fair question. in the interview are you suppose to code a full redux without chekcing docs? I think redux is so much boilerplate to be asked in a interview without permission to check the docs

  • @AlangHsu
    @AlangHsu 11 дней назад

    If you can't run the model on locally computer, just try out Continue + Codestral (free to get an API key)

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 11 дней назад

    6:55 <T> generic

  • @Tarabass
    @Tarabass 11 дней назад

    The most ridiculous thing about github is that by pushing your code you are feeding the ai, for which you have to pay for to use it. And if we have feeded the ai enough it can take over our jobs. Quiet ironic..

  • @MrBox4soumendu
    @MrBox4soumendu 12 дней назад

    Nicely explained inside 👍

  • @jamestacular
    @jamestacular 12 дней назад

    After adding the errorHandler middleware your "bad" route is still going to get caught in the error middleware

  • @zxcq
    @zxcq 12 дней назад

    Try "Qwen 2" model. It is very good.

  • @mukuljaitu
    @mukuljaitu 12 дней назад

    Very helpful. Thanks Sir ❤

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

    how can i use DiscordProvider?

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

    Try OpenDevin

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

    Great explanation.

  • @grammpyhd4640
    @grammpyhd4640 15 дней назад

    That’s literally what Figma can also do and so much more.

  • @nbora
    @nbora 15 дней назад

    nice

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 16 дней назад

    Thanks, keep posting videos like this

  • @Kal.99
    @Kal.99 16 дней назад

    Has anyone tried using openai apis and calculated if the cost were less then copilot?

    • @rocketPower047
      @rocketPower047 12 дней назад

      Since it's pay as you go, it would really depend on how much you use code with it.

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

    It makes many errors.

  • @happy..1907
    @happy..1907 17 дней назад

    I'll stick to IDX

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

      By Google? 😂 I am sure they will kill it in three years time.

  • @Shuyinz
    @Shuyinz 17 дней назад

    Thx for sharing this! This is very handy! Now I might quit using co-pilot or ChatGPT!

  • @viruxer
    @viruxer 17 дней назад

    Ah! I knew my Ryzen 9 would come in handy soon enough!

    • @rishiraj2548
      @rishiraj2548 17 дней назад

      I have one already. With that, I feel myself lucky. I pray with whole of my Heart for you to get one quite soon!🙏🙂

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

      I need one but no money

  • @9622AX
    @9622AX 17 дней назад

    This is good. But this puts a heavy load on system

    • @CoderOne
      @CoderOne 17 дней назад

      Not if you run a small model

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

      Very true. Just used cloud solutions , like the Codeium plugin for VS Code

  • @gamingwolf3385
    @gamingwolf3385 17 дней назад

    Hello , thank you fot this video , i am using codeium (with e 😅) its also free with a chat widget and auto code completion Please , i need a video on nestjs about event driven architecture maybe with cqrs use_cases ... I was reading the novu notification infrastructure source on github and its advanced in this topic Thank you a lot CoderOne

  • @user-oy4kf5wr8l
    @user-oy4kf5wr8l 17 дней назад

    thank bro!

  • @petruciucur
    @petruciucur 17 дней назад

    In fact HTMX is a lightweight JavaScript library that extends HTML through attributes, allowing you to achieve dynamic behaviors without writing much JavaScript

  • @iftekharriyad3006
    @iftekharriyad3006 17 дней назад

    Good video 99% of the time. 😄