- Видео 154
- Просмотров 253 920
Huy Nguyen USA
США
Добавлен 3 окт 2011
Matthew 25:40. Everyone is welcome on my channel, I will try my best to help you. If you would like to donate to my coffee fund: www.paypal.com/paypalme/hoosierhuy
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.
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
Thank you.
Thanks for watching
Thank you.
Thanks for watching
How did you get your VS Code terminal to look like that?
Been waiting for this solution for a long time. Thanks man.
Glad it helped, thanks for watching
Thanks!
Thanks for watching
Works on Macbook Pro M1 2020, thanks!
Thanks for watching
Thanks to this guy for helping me previous month
Thanks for watching
Right on man!
Thanks for watching
Could you please make a video about data fetching?
It’s on my radar. Thanks for watching.
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?
I have a video specifically for setting up the G2 with Intel MacBooks. ruclips.net/video/Pi2u_93HV_A/видео.htmlsi=zNsJBj3ytIegl7c2
Good find
Thanks for watching
Good video, you sound tired, get some rest man.
Thanks for watching
This is great for static images, which is rarely a thing in real development.
I have seen these warnings appear in multiple CI/CD pipeline at multiple companies.
Great tip, I almost gave up on trying Vercel because of this.
Glad it helped
Thank you.
Thanks for watching
Good job, thanks.
Thanks for watching
Thank you for helping.
Thanks for watching
thanks
Thanks for watching
Thank you so much.
Thanks for watching
Appreciate this.
Thanks for watching
TurboPack is in Rust.
If you meant Rust was used to create Turbopack, then yes.
good
Bueno
Caveat emptor
De oppressor liber.
It seems to work fine for me.
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.
thank you so much
Thanks for watching
AngularJS is now the "old whore".
Thanks man
Thanks for watching
The G2 is so expensive now.
Yeah, it costs more now than at the height of the pandemic.
Thank you very much.
Thank you for watching.
Nice
Thanks for watching
Thank you.
Thank you for watching
It's about time they address this issue.
Yup
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?
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.
@@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.
difference between non streaming and streaming
@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
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.
Agreed
Thanks.
Thanks for watching
The Home Depot uses Ant Design, it's a huge mess.
Like I mentioned in the video, you could fork the library, and make it your own, including documentation and localization.
@csinz6274 Most of the crap they sell in Home Depot are made in China anyways.
The Home Depot sells stuff that are made in China anyways.
Curious to see what Deno 2 has to offer.
Me too, npm circular dependency is unsustainable.
@@Huy_Nguyen_USA You mean npm packages that relies on other npm packages?
Exactly
Usually I say "if it ain't broke, don't fix it", but the potential for DoS attack is too great of a risk.
Especially if the app is public facing.
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!
That blog post by Blake was very well written.
Agreed
Same version number for 10 years? Sounds like Java 8, hahahaha.
I’m still on Java 6 ….. just kidding 🤣
@@Huy_Nguyen_USA lol
Thanks for bringing light to this.
Thanks for watching. It’s been a long time coming.
my experience with .net core is that something always goes wrong when using Macs or Ubuntu.
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.
@@Huy_Nguyen_USA My M1 MacBook Pro with 16GB of RAM outperforms my Intel i9 MacBook Pro with 64 GB of RAM
I guess you don't like .net lol
.net isn't too bad if you're strictly a Microsoft stack developer.
@@chelseasinsabaugh5602 This has been my experience as well.
How can you tell? JK.
@@Huy_Nguyen_USA lol
awesome thanks
Thanks for watching
Does Express need to be upgraded asap?
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.
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.
So people are using a Chinese UI library and they expect the docs NOT to be written in Chinese?
That’s how the World 🌎 roll these days.
@citizenjournal4687 lol
@citizenjournal4687 We can never underestimate the stupidity and laziness of people.
@citizenjournal4687 lol
@@FrankBuberOrleans agreed
You're a good teacher.
I certainly try my best