- 6
- 15 186
SimulShift Web
United States
เข้าร่วมเมื่อ 31 พ.ค. 2021
Follow me on Twitch.tv/simulshift
This is my channel where I focus on software development.
@SimulShift is more general game dev.
I am a software engineer at Niantic. I mainly program for Pokemon Go. Welcome to my channel, I hope you enjoy the stay. Cheers my friend.
This is my channel where I focus on software development.
@SimulShift is more general game dev.
I am a software engineer at Niantic. I mainly program for Pokemon Go. Welcome to my channel, I hope you enjoy the stay. Cheers my friend.
Nextjs Server Component Inside a Client Component. Is it possible?
Nextjs Server Component Inside a Client Component. Is it possible?
มุมมอง: 110
วีดีโอ
Next.Js Can You Pass Props From a Server Component to a Client Component?
มุมมอง 5724 หลายเดือนก่อน
looks like you can if you are using the app router and the data is serializable. Data that is not serializable: - React elements, or JSX - Functions, including component functions or any other function that is not a Server Action Classes - Objects that are instances of any class (other than the built-ins mentioned) or objects with a null prototype - Symbols not registered globally, ex. Symbol('...
Don't Write Your Golang CLI Tool This Way, Cobra Introduction
มุมมอง 806 หลายเดือนก่อน
Don't Write Your Golang CLI Tool This Way, Cobra Introduction
Protobufs in 7 minutes
มุมมอง 141ปีที่แล้ว
Quick Start grpc.io/docs/languages/go/quickstart/ compilers go install google.golang.org/protobuf/cmd/protoc-gen-go@v1.28 go install google.golang.org/grpc/cmd/protoc-gen-go-grpc@v1.2 Server go get google.golang.org/grpc Protoc Compiler protobuf.dev/downloads/ Typescript npm init -y npm install typescript save-dev npm install grpc @grpc/proto-loader // deprecated npm install @grpc/grpc-js
Next.js 13 App Router And Mui v5 Setup Tutorial
มุมมอง 14Kปีที่แล้ว
This is a video showing how to set up MUI v5 with the new App Router inside Next.js 13. Source Code github.com/AlexHappyCode/Next13-App-Router-And-Mui5-Example Pull Request where I got help github.com/mui/material-ui/pull/37315
Man exactly the video i needed. Thank you
Good approach. First shows that standard lib is ok for simple tasks and then shows how one will get bogged down as the requirements piles up. But this video needs part 2 because as more requirements are added, simple command line with flags and subcommands feels inadequate and a CUI lib is needed.
Hey thanks for the feedback
Doesn't it make all the nextjs app to be CSR?
Thanks for the extra tips on optimizing, could you explain it in more detail. I understand the minimizing, (I expected it would do that by default) What else is happening
I think they added a new section in their docs (/material-ui/integrations/nextjs/) can you have a look and let us know if the content in this video should be followed or that suffices now?
thank you dude, you are only porson who uploaded a video about app router and mui.
Es igual con el nuevo next js 14?
Thanks!
i cant find your github
sorry had to verify my youtube account to allow me to post links. Should be working now
thank you for this. you deserve my subscription
Please make a tutorial on how to implement automatic dark mode (detects browser config) and add with a switch or menu to override the automatic dark mode (use a user preference saved on the page)
Thank you, I was exactly looking for this!
Please when I add the jsx import to use css on emotion, it gives me context error How can I fix this?
Thanks! Out of box solution
Where did you NPM INSTALL MUI??
Please make a tutorial on how to implement automatic dark mode (detects browser config) and add with a switch or menu to override the automatic dark mode (use a user preference saved on the page)
Thanks a lot man, awesome video and your teaching is great. I have one question, you said that tailwind doesn't work well with MUI. I tried here and kinda worked. The main issue was that the base tailwind styles were overwriting the MUI styles and I just didn't imported it. But still it's just a test, don't know what impact this will have in a actual project. Can you tell me why they don't mix well together?
I would just go with one or the other, using both together sounds like overkill, I have enjoyed using MUI in the past, good documentation and can pick up some nice React tricks, it doesn't seem popular in tutorials for some reason, Tailwind seems to be the cool kid on the block!!
Can't find the full link to the source code. Can you please share it ?
Oops! the link in the description is cut. Here’s the link full link github.com/SimulShift/Next13-App-Router-And-Mui5-Example
Thank you so much❤
You're welcome 😊
I've been searching for a way to preload/prerender the MUI components, as the styling of each one of them does not apply on the loading of the page but only after a few secs. Used to be a solution by creating a _document file and adding a removeChild(jssStyles) to your app file. Will this tutorial help me with that?
Yo
Thanks bro
Any time 😤
Hey, great tutorial! but im getting error while using JSX
We’re you able to figure it out? What is the error?
Hey thanks for help.. but i want to know that how your vs code is suggesting you codes before writing it ?
Sure, it’s an extension called GitHub Copilot
@@SimulShiftWeb it's paid right ?
@@TheAroma-u6x yeah I got a student account though hehe
Thank you for this, it was really helpful
You were 1 month late bro. The company I work for decided to build the product with page router instead of app just because there was no docs for integrationg mui v5.
Lool rip
Thank you! You're video was really helpful to me. Just wanted to encourage you to keep doing this type of video. You're really good at explaining and have a great understanding of the framework.
Hey thanks for the support! Glad I could help. I’ll keep it up 😎
EmotionCache needs to be included in just simple React App as well?
@@SimulShiftWeb Thanks
It works!
thank you
No problem!
Hii!, Thanks for the video, it's so helpful for me. can you create some project using this tech? i think from there i can learn more deep about mui componenet using next app router.
It's not working for the Server side Rendering. We need to use the "use client" directive for every component where we use mui component. So what's the purpose of this video? Just random installation? Showing how to install MUI?
Hello. Thanks for the tutorial. This is the only working tutorial about app router with mui for now on youtube. I've been searching for a while.
Awesome! Glad to hear it
mehmet hocam bir turk toplulugu var mi nextjs icin
@@galaxy1066 selam. Benim takip ettiğim yok. Ama güzel türkçe içerikler görmüştüm
Hi, new to this, will this make everything render on client side now as we are wrapping all inside ThemeRegistry ?
Thanks soo much, it was really helpful, for last 2 hours I've been searching google to find a solution
Hello! Thanks for the video, it's very helpful! I have a question: the Material UI manual says to use the 'use client' directive in every module that uses material components. If I use your method, can I not 'use client' so as not to lose server-side rendering?
Very fine !!!
Hey, great tutorial! Thanks for sharing your knowledge. I have a question regarding the code suggestions. Could you please let me know which extension you are using for that purpose?
Github copilot. It's an extension by microsoft