Huy Nguyen USA
Huy Nguyen USA
  • Видео 154
  • Просмотров 253 920
Open VS Code Project in Current Window Using `code . `
Chapters:
00:00 Introduction
00:45 Open project in Computer Terminal in new VS Code Window
01:30 Open project in VS Code Terminal in new VS Code Window
02:31 Open project in VS Code Terminal in the SAME VS Code Window
02:49 View VS Code documentations in VS Code Terminal
03:23 Closing statement
How to open a project in VS Code in the same window from the VS Code Terminal.
Please consider subscribing to my channel, it doesn't cost you anything.
VS Code documentations:
code.visualstudio.com/docs/editor/command-line
code.visualstudio.com/docs/setup/mac
Please consider subscribing to my channel, it doesn't cost you anything.
Просмотров: 22

Видео

Vite SSR Vercel Deployment Common 404 Error
Просмотров 19616 часов назад
How to solve the 404 Not found error that occurs when you deploy Vite React SSR application on Vercel. Vite Vike React Vercel deployment documentation: vike.dev/vercel github.com/brillout/vike-with-vercel?tab=readme-ov-file
Upgrade Vite React SSR App To Use Express.js 5
Просмотров 239Месяц назад
00:00 Introduction to Express JS 02:48 Breaking changes when upgrading to Express JS 5 02:56 Focus on Wildcard (*) router breaking changes 04:23 Regular Expression Denial of Service 04:56 NPM JavaScript circular dependency 05:48 How to update Express JS in Vite React server side rendering application 10:00 How to create a custom 404 error page in Vite SSR application 15:33 How to update a vanil...
Ant Design UI Library vs Web Content Accessibility and English Language Support
Просмотров 146Месяц назад
00:00 Introduction 00:30 Implementation of Web Content Accessibility Guidelines in the United States and the United Kingdom 01:07 Tools to help you check for WCAG compliance 01:33 Introduction to Ant Design and Ant Design Pro 02:52 Ant Design documentation shaky English 04:00 Ant Design documentation defaults to Mandarin Chinese 05:22 Ant Design does not prioritize Web Content Accessibility 06:...
Turbopack Beta + NextJS Performance Sneak Peek
Просмотров 264Месяц назад
Comparing the performance of NextJS apps built with Turbopack Beta versus Webpack 5, and versus Vite SSR React, in the local development environment. turbo.build/pack/docs
NextJS Image Component Warning "Image with src 'path to image' has either width or height modified"
Просмотров 161Месяц назад
How to fix the NextJS Image Component width and height warnings. "Image with src '[path to image]' has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio." "NextJS Image component with fixed width and auto height" NextJS Documentation: nextjs.org/docs/app/ap...
Can the HP G2 Dock (5TW13AA#ABA) Run Multiple 4K Monitors With a MacBook?
Просмотров 300Месяц назад
Is the HP USB-C/A Universal Dock G2 5TW13AA#ABA able to support multiple 4K monitors with a MacBook.
React Server Side Render Common Hydration Errors
Просмотров 145Месяц назад
How to fix common hydration errors when building server side rendering React applications. "Warning: Prop `className` did not match. Server: "active" Client: """ "Warning: An error occurred during hydration. The server HTML was replaced with client content in div." "Uncaught Error: Text content does not match server-rendered HTML." "chunk-M324AGAM.js?v=059e59c9:14758 Uncaught Error: There was a...
Easily Setup Vite React SSR - Server Side Rendering
Просмотров 1,2 тыс.Месяц назад
00:00 Introduction 2:26 Vite Server-Side Rendering Documentations 3:11 Vite React SSR app we're building 3:52 Vite SSR CLI 6:02 What the CLI generated for us 6:12 Starter project on Github 7:31 SSR specific files generated by CLI 8:12 Intro to package.json file 9:44 Why we use ExpressJS library 11:24 entry-client.tsx file 14:15 entry-server.tsx file 16:05 server.js file 17:40 Purpose of ssr Man...
Setup Vitest Unit Testing For React Vite Apps August 2024
Просмотров 5592 месяца назад
00:00 Introduction 01:30 Install Necessary NPM Packages and Explanation of Why They Are Needed 03:14 Configuring Vitest 09:14 Create vitest.setup.ts file 09:58 Setup Test Scripts in Package.json file 11:12 Running Unit Tests 13:17 Run Unit Tests in Browser How to setup Vitest unit testing library for React applications using TypeScript. If you're wondering why I didn't use happy-dom instead of ...
How to Fix Vite with React ESLint NPM Deprecation Warnings
Просмотров 1,5 тыс.3 месяца назад
How to fix these warnings: npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. npm warn deprecated @humanwhocodes/config-array@0.11.14: Use @eslint/config-array instead npm warn deprecated rimraf@3.0.2: Rim...
Storybook 8, Vite 5, React, ESLint 9 Issue During Setup
Просмотров 6314 месяца назад
00:00 - Introduction to installing and setting up Vite, React, and Storybook 00:20 - Setup Vite and React with TypeScript command line 00:54 - npm ESLint deprecation warnings 2:13 - How to proceed despite warnings 3:10 - Install Storybook from the command line 4:55 - ESLint 9.x problems with Vite, React, and Storybook How to setup Storybook with Vite and React, and how to handle ESlint NPM inst...
Firefox CSS Backface-Visibility Issue Solved
Просмотров 3375 месяцев назад
How to fix Firefox CSS Backface-Visibility issue when you are working Cards, and how to flip them. Firefox Backface-Visibility bug report: bugzilla.mozilla.org/show_bug.cgi?id=1201471 Article about Chrome's fork of webkit over 10 years ago: www.wired.com/2013/04/what-googles-webkit-fork-means-for-the-web-and-web-developers/
CJS Build of Vite's Node API is Deprecated - Solved
Просмотров 6415 месяцев назад
How to fix "The CJS build of Vite's Node API is deprecated" warning in your ViteJS 5 project. Vite and React. ViteJS documentation on the matter: vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated Please subscribe, thank you.
Tanstack React Query useInfiniteQuery Runs Twice On Initial Load Fix
Просмотров 6025 месяцев назад
How to use or fix the Tanstack Query useInfiniteQuery hook when it fetches the first page twice in React. Tanstack Query Documentaton: tanstack.com/query/latest/docs/framework/react/guides/infinite-queries Please consider subscribing, thank you. "useInfiniteQuery is fetching twice the first page" "First call to useInfiniteQuery()'s fetchMore() re-fetches initial page instead of a new one" "Infi...
React 18.2 vs 18.3.1 Performance Comparison in Chrome
Просмотров 7086 месяцев назад
React 18.2 vs 18.3.1 Performance Comparison in Chrome
How to Run Multiple Vite/React Apps Concurrently
Просмотров 3886 месяцев назад
How to Run Multiple Vite/React Apps Concurrently
The Reality of Working With Angular in 2024
Просмотров 1,6 тыс.8 месяцев назад
The Reality of Working With Angular in 2024
React Conditional Rendering Best Practice
Просмотров 3999 месяцев назад
React Conditional Rendering Best Practice
TanStack React Query v5 Full CRUD Tutorial in 40 Minutes
Просмотров 8 тыс.9 месяцев назад
TanStack React Query v5 Full CRUD Tutorial in 40 Minutes
How to Install Multiple Versions of Angular in Your Development Environment
Просмотров 1,6 тыс.9 месяцев назад
How to Install Multiple Versions of Angular in Your Development Environment
What To Do If NodeJS Version Doesn’t Persist in Terminal
Просмотров 1969 месяцев назад
What To Do If NodeJS Version Doesn’t Persist in Terminal
HP G2 Vs G5 Docking Station For Silicon MacBooks
Просмотров 5 тыс.10 месяцев назад
HP G2 Vs G5 Docking Station For Silicon MacBooks
How To Remove Dot Underscore Files UNIX OS
Просмотров 14611 месяцев назад
How To Remove Dot Underscore Files UNIX OS
Setup PostgreSQL Docker Image on MacOS
Просмотров 3,1 тыс.11 месяцев назад
Setup PostgreSQL Docker Image on MacOS
Fix React Tanstack Query v5 Migration Error
Просмотров 1,2 тыс.11 месяцев назад
Fix React Tanstack Query v5 Migration Error
What To Do If VS Code Unnecessarily Import React On Top of Your Files. Please consider subscribing.
Просмотров 1,1 тыс.Год назад
What To Do If VS Code Unnecessarily Import React On Top of Your Files. Please consider subscribing.
How to fix "Unknown at rule @tailwind" warning TailwindCSS
Просмотров 4,6 тыс.Год назад
How to fix "Unknown at rule @tailwind" warning TailwindCSS
Tailwind CSS Playground
Просмотров 182Год назад
Tailwind CSS Playground
How To Change Port In Vite React App
Просмотров 7 тыс.Год назад
How To Change Port In Vite React App

Комментарии

  • @elizabeth_ford
    @elizabeth_ford 15 часов назад

    Thank you.

  • @elizabeth_ford
    @elizabeth_ford 15 часов назад

    Thank you.

  • @brownpatriot9390
    @brownpatriot9390 15 часов назад

    How did you get your VS Code terminal to look like that?

  • @brianbuckles224
    @brianbuckles224 21 час назад

    Been waiting for this solution for a long time. Thanks man.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA 19 часов назад

      Glad it helped, thanks for watching

  • @trishdoyle2956
    @trishdoyle2956 22 часа назад

    Thanks!

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

    Works on Macbook Pro M1 2020, thanks!

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

    Thanks to this guy for helping me previous month

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

    Right on man!

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

    Could you please make a video about data fetching?

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

      It’s on my radar. Thanks for watching.

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

    So this should work on my intel core i7 ? It did not ask me to specify if it’s hdmi or display port. Does not work for me any advice?

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

      I have a video specifically for setting up the G2 with Intel MacBooks. ruclips.net/video/Pi2u_93HV_A/видео.htmlsi=zNsJBj3ytIegl7c2

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

    Good find

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

    Good video, you sound tired, get some rest man.

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

    This is great for static images, which is rarely a thing in real development.

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

      I have seen these warnings appear in multiple CI/CD pipeline at multiple companies.

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

    Great tip, I almost gave up on trying Vercel because of this.

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

    Thank you.

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

    Good job, thanks.

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

    Thank you for helping.

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

    thanks

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

    Thank you so much.

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

    Appreciate this.

  • @Bill_Gates_Junior
    @Bill_Gates_Junior 20 дней назад

    TurboPack is in Rust.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA 19 дней назад

      If you meant Rust was used to create Turbopack, then yes.

  • @martiaroad
    @martiaroad 22 дня назад

    good

  • @denizenjournalist6018
    @denizenjournalist6018 23 дня назад

    Caveat emptor

  • @triplel1592
    @triplel1592 26 дней назад

    It seems to work fine for me.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA 25 дней назад

      Like I said in the video, if you don’t need high customization, and you don’t need to support WCAG, and you’re okay with using Google translator in certain situations, then it’ll work fine for you.

  • @mjylove2
    @mjylove2 28 дней назад

    thank you so much

  • @carlisestevenson36
    @carlisestevenson36 28 дней назад

    AngularJS is now the "old whore".

  • @JonesHerffie
    @JonesHerffie 29 дней назад

    Thanks man

  • @JonesHerffie
    @JonesHerffie Месяц назад

    The G2 is so expensive now.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Yeah, it costs more now than at the height of the pandemic.

  • @JonesHerffie
    @JonesHerffie Месяц назад

    Thank you very much.

  • @sierra_whiskey_oscar
    @sierra_whiskey_oscar Месяц назад

    Nice

  • @georgestevenson9819
    @georgestevenson9819 Месяц назад

    Thank you.

  • @fibonacciinvestments8069
    @fibonacciinvestments8069 Месяц назад

    It's about time they address this issue.

  • @michaeljmeyer3
    @michaeljmeyer3 Месяц назад

    It is funny, that when I update the colors, my transient prompt craps the bed until I close and reopen ITerm2 or Terminal. Is anyone else experiencing this?

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Sometimes running "source ~/.zshrc or ~/.bashrc" isn't enough because: Incorrect file location: Aliases and environment variables are often placed in the wrong file, such as .bashrc instead of .bash_profile or another file specific to the shell (e.g., .zshrc for zsh). Restarting the terminal ensures that the correct file is loaded. Changes not propagated: Sourcing a file only updates the current shell session, whereas restarting the terminal reloads the entire environment, including the updated configuration files. System services and daemons: Some system services and daemons might not be restarted by sourcing a file, whereas a terminal restart ensures that these services are reinitialized. Interactive shell: When you restart the terminal, you get a fresh, interactive shell, whereas sourcing a file only updates the current shell session. This can be important for testing or debugging purposes.

    • @michaeljmeyer3
      @michaeljmeyer3 Месяц назад

      ​@@Huy_Nguyen_USA Excellent, thank you. I just wanted to know if I was crazy or not. You went above and beyond with your excellent answer, and I appreciate that a lot. Your answer is incredibly valuable.

  • @KartikBhutra
    @KartikBhutra Месяц назад

    difference between non streaming and streaming

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      @KartikBhutra Streaming: Sends HTML content to the browser as it's rendered on the server, allowing the browser to start displaying content immediately, even if the whole page isn't fully generated yet. Non-streaming: The entire HTML page is fully rendered on the server before being sent to the client in one single chunk. Here is an example Vite SSR project with streaming: stackblitz.com/edit/bluwy-create-vite-extra-foj7mh?file=server.js

  • @shanewhite9143
    @shanewhite9143 Месяц назад

    Upgrading to Express 5 is definitely worth the effort if you're in the JavaScript game, Deno 2 is not proven in the enterprise space yet.

  • @mootpoint895
    @mootpoint895 Месяц назад

    Thanks.

  • @csinz6274
    @csinz6274 Месяц назад

    The Home Depot uses Ant Design, it's a huge mess.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Like I mentioned in the video, you could fork the library, and make it your own, including documentation and localization.

    • @Hotel_India_Oscar
      @Hotel_India_Oscar Месяц назад

      @csinz6274 Most of the crap they sell in Home Depot are made in China anyways.

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

      The Home Depot sells stuff that are made in China anyways.

  • @No_BS_Zone
    @No_BS_Zone Месяц назад

    Curious to see what Deno 2 has to offer.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Me too, npm circular dependency is unsustainable.

    • @csinz6274
      @csinz6274 Месяц назад

      @@Huy_Nguyen_USA You mean npm packages that relies on other npm packages?

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Exactly

  • @carmelite2535
    @carmelite2535 Месяц назад

    Usually I say "if it ain't broke, don't fix it", but the potential for DoS attack is too great of a risk.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Especially if the app is public facing.

  • @osamazulfiqarali8348
    @osamazulfiqarali8348 Месяц назад

    Hey great tutorial. I am in the process of upgrading a vite react app to ssr and couldn't find many resources. Just curious how would one go about implementing some sort of data fetching on server for individual routes . A follow up on this would be much appreciated!

  • @elizabeth_ford
    @elizabeth_ford Месяц назад

    That blog post by Blake was very well written.

  • @jameskeim5041
    @jameskeim5041 Месяц назад

    Same version number for 10 years? Sounds like Java 8, hahahaha.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      I’m still on Java 6 ….. just kidding 🤣

    • @csinz6274
      @csinz6274 Месяц назад

      @@Huy_Nguyen_USA lol

  • @bolabello887
    @bolabello887 Месяц назад

    Thanks for bringing light to this.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      Thanks for watching. It’s been a long time coming.

  • @nurocor4059
    @nurocor4059 Месяц назад

    my experience with .net core is that something always goes wrong when using Macs or Ubuntu.

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      In late 2018, I worked with Dot Net Core C# on a MacBook. It didn’t pan out, so we ended up running Dot Net Core on Windows in a VM Ware virtual machine. With Angular on the front end and Dot Net Core in a virtual machine, those Intel MacBook were heating up. The MacBook’s fan was running all the time.

    • @nurocor4059
      @nurocor4059 Месяц назад

      @@Huy_Nguyen_USA My M1 MacBook Pro with 16GB of RAM outperforms my Intel i9 MacBook Pro with 64 GB of RAM

  • @citizenjournal4687
    @citizenjournal4687 Месяц назад

    I guess you don't like .net lol

  • @Br4d327
    @Br4d327 Месяц назад

    awesome thanks

  • @THD-ACC
    @THD-ACC Месяц назад

    Does Express need to be upgraded asap?

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      If you work on the type of application that if attacked, could cause catastrophic consequences, then I would say yes. Because as we have learned recently, cyber attacks can bring society to its knees.

  • @Huy_Nguyen_USA
    @Huy_Nguyen_USA Месяц назад

    If you want to upgrade Express.js to version 5 for your Vite + React server side rendering application, here's my video tutorial for that: ruclips.net/video/kLYEof1wTNw/видео.htmlsi=x4Nm5kcYVWnrWQ7a.

  • @citizenjournal4687
    @citizenjournal4687 Месяц назад

    So people are using a Chinese UI library and they expect the docs NOT to be written in Chinese?

    • @Huy_Nguyen_USA
      @Huy_Nguyen_USA Месяц назад

      That’s how the World 🌎 roll these days.

    • @shanewhite9143
      @shanewhite9143 Месяц назад

      @citizenjournal4687 lol

    • @FrankBuberOrleans
      @FrankBuberOrleans Месяц назад

      @citizenjournal4687 We can never underestimate the stupidity and laziness of people.

    • @jameskeim5041
      @jameskeim5041 24 дня назад

      @citizenjournal4687 lol

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

      @@FrankBuberOrleans agreed

  • @THD-ACC
    @THD-ACC Месяц назад

    You're a good teacher.