CoderOne
CoderOne
  • 313
  • 8 915 327
VSCode Like Code Editor But Only for Mac
#codeeditor #vscode
www.codeedit.app/
🎉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
ua-cam.com/video/VWEJ-GhjU4U/v-deo.html
🧭 Turn Design into React Code | From prototype to Full website in no time
ua-cam.com/video/0xhu_vgKZ8k/v-deo.html
🧭 Watch Tutorial on Designing the website on Figma
ua-cam.com/video/SB3rt-cQZas/v-deo.html
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
ua-cam.com/video/-bll7l-BKQI/v-deo.html
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
ua-cam.com/video/_rnxOD9NKAs/v-deo.html
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
ua-cam.com/video/M_Oes39FNuk/v-deo.html
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
ua-cam.com/video/_rnxOD9NKAs/v-deo.html
🧭 Introduction to GraphQL with Apollo and React
ua-cam.com/video/eCO6MvvRhXk/v-deo.html
🐦 Follow me on Twitter: ipenywis
💻 Github Profile: github.com/ipenywis
Made with 💗 by Coderone
Переглядів: 690

Відео

I Created a Podcast with my Own Voice using This New AI Tool
Переглядів 76917 годин тому
#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/Regis...
I Switched to this AI Coding Assistant with Open Source Models
Переглядів 17 тис.21 день тому
#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 тис.28 днів тому
#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 ua-cam.com/video/MSq_DCRxOxw/v-deo.htmlsi=GagPJJQsMSmTxijg I Wish I knew about This Authentication Tool Earlier ua-cam.com/video/bDVTxkYkbnQ/v-deo.htmlsi=LkFp40g9_EDJH2NX 🎉Our Newsletter is live! Join thousands of other developers islemm...
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,4 тис.Місяць тому
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 тис.2 місяці тому
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 тис.3 місяці тому
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 місяці тому
I Just Discovered The Most Underrated UI Library for React
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 тис.5 місяців тому
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 тис.6 місяців тому
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

КОМЕНТАРІ

  • @TheTrackoShow
    @TheTrackoShow 3 години тому

    lmfao a new language every other week, new database every month a new js framework every hour now a new IDE every week

  • @alexdin1565
    @alexdin1565 6 годин тому

    bro is their any free rich text editor for NextJs ? i try it Tinymc but the free one don't include images

  • @VerityMcknight
    @VerityMcknight 6 годин тому

    Il senso di cameratismo e solidarietà in questo thread è davvero commovente. È come essere tra amici.💋

  • @shubhamlatiyan7972
    @shubhamlatiyan7972 6 годин тому

    I will check it out

  • @kitanxoo9522
    @kitanxoo9522 7 годин тому

    مشاء الله حفظك الله لنا

  • @YourModdedControllers
    @YourModdedControllers 13 годин тому

    Or you could just use tanstack router...

  • @nerophase
    @nerophase 21 годину тому

    very good tutorial.. thanks!!

  • @hasithadhananjaya2806
    @hasithadhananjaya2806 День тому

    Valuable stuff 🎉❤

  • @darkemperor9006
    @darkemperor9006 3 дні тому

    Kindly make new video using authjs

  • @andrewwall2730
    @andrewwall2730 3 дні тому

    Great video, but does it bother you at all that React is getting more and more complex and basically trying to be a framework rather than the component library we love? Too many hooks!!

  • @mhho2336
    @mhho2336 4 дні тому

    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 4 дні тому

    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 5 днів тому

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

  • @jermesastudio
    @jermesastudio 5 днів тому

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

  • @99blackbelt
    @99blackbelt 5 днів тому

    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 6 днів тому

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

  • @zaouiamine6475
    @zaouiamine6475 6 днів тому

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

  • @Gabriel-ch7sx
    @Gabriel-ch7sx 6 днів тому

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

  • @SilverionGameplays
    @SilverionGameplays 6 днів тому

    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 7 днів тому

    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 7 днів тому

    bro can you make a tutorial about FabricJs + NextJs

  • @zeeselk3468
    @zeeselk3468 7 днів тому

    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 8 днів тому

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

  • @julian888s
    @julian888s 9 днів тому

    Salomondrin

  • @paillote
    @paillote 9 днів тому

    Not sure how you confirmed your selection

  • @hpforthewin469
    @hpforthewin469 10 днів тому

    40;48

  • @SriTejaChilakapati
    @SriTejaChilakapati 11 днів тому

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

  • @kirillzlobin7135
    @kirillzlobin7135 12 днів тому

    Great video

  • @kirillzlobin7135
    @kirillzlobin7135 12 днів тому

    Great video! Thank you

  • @kirillzlobin7135
    @kirillzlobin7135 12 днів тому

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

  • @kirillzlobin7135
    @kirillzlobin7135 12 днів тому

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

  • @kirillzlobin7135
    @kirillzlobin7135 12 днів тому

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

  • @kirillzlobin7135
    @kirillzlobin7135 12 днів тому

    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 12 днів тому

    mantine sucks

    • @persas1683
      @persas1683 10 днів тому

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

  • @palychbasist
    @palychbasist 12 днів тому

    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 14 днів тому

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

  • @emmanuellmiqueletti4605
    @emmanuellmiqueletti4605 15 днів тому

    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 15 днів тому

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

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 15 днів тому

    6:55 <T> generic

  • @Tarabass
    @Tarabass 15 днів тому

    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 16 днів тому

    Nicely explained inside 👍

  • @jamestacular
    @jamestacular 16 днів тому

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

  • @zxcq
    @zxcq 16 днів тому

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

  • @mukuljaitu
    @mukuljaitu 16 днів тому

    Very helpful. Thanks Sir ❤

  • @sirvoya2357
    @sirvoya2357 17 днів тому

    how can i use DiscordProvider?

  • @DAZEOFFICIAL
    @DAZEOFFICIAL 17 днів тому

    Try OpenDevin

  • @mryildiz702
    @mryildiz702 18 днів тому

    Great explanation.

  • @grammpyhd4640
    @grammpyhd4640 19 днів тому

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

  • @nbora
    @nbora 19 днів тому

    nice

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 20 днів тому

    Thanks, keep posting videos like this