Found this helpful? You can buy me a coffee ☕ bmc.link/frontstart Any topics you want to see me do? Comment below.
@asparshraj9016
Жыл бұрын
Why not a video on Vue js or Svelte js ?
@frontstartdev
Жыл бұрын
@@asparshraj9016 will be coming for sure 👌
@ratao_kinax9194
Жыл бұрын
NextJS would be a great idea
@usua1myanmarian
Жыл бұрын
Dude, you're like the second fireship 🔥. Please make videos about other component libraries and frameworks. I now learned MUI. DAMN!
@voontaotan1095
Жыл бұрын
Can u include mui to nextjs 13 as well
@asparshraj9016
Жыл бұрын
Bro your video production quality is amazing, just continue to upload more. Your channel will have millions of subscribers in no time..
@frontstartdev
Жыл бұрын
Thanks! Next video is already cooking 👨🍳 stay tuned.
@killzone3507
Жыл бұрын
Just like Fireship
@CodexLink
Жыл бұрын
Finally an MUI quickstart tutorial without making things complicated and loosed, kinda motivated to try it again, thank you for this broooo
@fronix5060
Жыл бұрын
You can use an array instead of the object for responsiveness as well, makes the code really clean once you know the value placements Example sx={{ width: ['100px', '200px'], color: ['red', 'blue'] }}
@DanielTames
Жыл бұрын
the order is from [xs, sm, md] and so on?
@fronix5060
Жыл бұрын
@@DanielTames Yeah low to high
@DanielTames
Жыл бұрын
@@fronix5060 awesome!! That’s good to know
@theresamclaird1572
9 ай бұрын
Came to the comments to say exactly this. Makes responsive CSS declarations super easy. I have become a big fan of styled-system and emotion.
@TradeWithJon
Жыл бұрын
This is just the video I've been looking for, for a very long time! Thank you so much!
@alesholman801
Жыл бұрын
I really love that Fireship editing style you went for. Keep up the good work !
@frontstartdev
Жыл бұрын
Thanks. Yeah, he’s a big inspiration for me ;)
@Hawk______
Жыл бұрын
how he do that ?(talking about how he show text without typing like an endless endo/redo)
@frontstartdev
Жыл бұрын
@@Hawk______ Using Ctrl+V and video editing
@amaan0
Жыл бұрын
@@Hawk______ I guess he writes the whole code first and then cuts the code in parts and then undos it.
@Sammysapphira
Жыл бұрын
@@Hawk______ he's a wizard and compiles his thoughts to code instantaneously
@ahmedmusawir
Жыл бұрын
Wow! You actually did it in 9 min ... I went in skeptical, but this gave me enough to get started! Amazing!!
@rss-bn2ub
9 ай бұрын
Exactly what I needed to get started in 10 min! Thanks.
@yumyum7196
Жыл бұрын
gawd how I love these to-the-point tutorials
@katekelly008
10 ай бұрын
Thank you, so helpful! I've watched this video four times now. I love that you pack so much practical content into a short and engaging video. Please keep making amazing content!
@frontstartdev
10 ай бұрын
Thanks! Glad it helped you!
@brangtoggez6363
Жыл бұрын
Great video, I was scared to learn Material UI since the docs aren't very good for beginners, but when I finished this video, I suddenly can read around 60% of the docs with ease.
@AliMalik-yt5ex
Жыл бұрын
Hehe I love the memes and the random gifs so much, makes learning so much more fun. You earned yourself a new sub.
@frontstartdev
Жыл бұрын
Glad you like it ;)
@lashabidzinashvili299
Жыл бұрын
very high quality for 109 subscribers. definitely subbing and im already waiting for next videos!
@frontstartdev
Жыл бұрын
Thanks! More videos coming very soon ;)
@thesm9734
8 ай бұрын
I just couldn't believe that MUI can be narrowed down to 10 minutes when I found your video, but you proved me wrong. GREAT Video!!! Keep it up!! 👍
@GuardingPearSoftware
3 ай бұрын
Thank you! Learned a lot. I was not sure if I should combine MUI+Tailwind but now MUI alone is my way to go 😊
@мемнаяслойка
6 ай бұрын
buddy, this video really help me to understand what mui is and actually start using it, thank you so much
@prasenjitbasu6152
Жыл бұрын
Nice one. Why not you make a complete playlist of how to use MUI in React. I think It will help many aspring developers
@duckmasterflex
Жыл бұрын
MUI has been a god send to me for building internal tool UIs, highly recommend
@HarshPatel-zp5if
3 ай бұрын
Saviour bro...!!! Just loved the crash course. Really impressive. Keep up the good work.
@nostranostra1176
Жыл бұрын
The production quality is great Great explanations!
@harshitjoshi3082
Жыл бұрын
This is the best video for material-ui, i have seen so far, and i have seen many as of now, many video just start out with code and not explaining the benefits and reasons for the components we are using , but this video was exceptional ! Thank you very much for making this !!
@frontstartdev
Жыл бұрын
Glad it helped you!
@firasreggai5249
Жыл бұрын
Love how you tackled every concept by actually using it , this is my first time watching your channel , definitely subscribed!
@frontstartdev
Жыл бұрын
Glad you found it helpful! Thanks!
@im_beh2272
Жыл бұрын
One of the best mui video . Upload more dude you are perfect
@naveedalirehmani4135
7 ай бұрын
Thank you for providing such an amazing content in such a shot time span.
@azimuddinahamed
Жыл бұрын
Level of teaching! Just wow. From Bangladesh ❤️
@w.patriot8001
2 ай бұрын
Thanks, this video helps me prepare for an internship!
@shiro66
Жыл бұрын
I am so glad your video was recomended to me. I am gonna try doing it and customize it. You got yourself a new subscriber.
@adriannuske
Жыл бұрын
Great video! That put aside, this IS actually reinventing the wheel! Little to none advantage over writing modular CSS and learning a new "language" that's gonna be useful ONLY for this methodology (if not only for the current version). MHO to who may read it: learn proper CSS (SCSS) and use some modular template that somebody has already made, tweak it to your liking and there you go: now you know something that's truly useful on the market! 😉
@dallas-cole
Жыл бұрын
But this is JSS (SCSS), the MUI developers have abstracted certain props to serve as themable properties, such as an 8-pixel grid, everything else is the same. It's important to note that this feature isn't just about styling, but also about construction. The SX prop or Emotion's CSS prop preprocessor accept SCSS, which is a game-changer in terms of building modular components. This technique enables the creation of truly scalable components, although the examples in the video do not fully demonstrate its potential. It's necessary to know how to write CSS for this, and doing so in vanilla CSS is considered outdated, generally. Even without using MUI, this is a easily replicable pattern that you can use on your own components, by leveraging Emotion's CSS prop into your project. Naming classes using SCSS is an old-school approach that this feature eliminates. This enables the recreation of class names and their availability for extension by component, which is difficult to achieve with vanilla CSS. While not impossible, it adds unnecessary complexity. It's worth noting that this feature is most beneficial for highly scalable applications rather than template-based layouts, although if your thing is doing it the right way, it should serve the same purpose. Just saying, if you use templates maybe you are not that much into frontend applications.
@adriannuske
Жыл бұрын
@@dallas-cole You only add to what I mean. Learn all that is too much for a project. I never said you don't use SCSS here, but you need to learn a full set of new directives and tags, structure and layout. I construct non-standard systems. This won't fit. If you like it tho, It's great that it exists, but my projects never resemble the previous one. I don't remember the last time I made a form to fill in data. Cheers.
@eddyelamin9015
Ай бұрын
Great introductory video bro, thanks a lot!
@ZombieInside
6 ай бұрын
that is the best and simplest video on MUI. thanks bro❤❤❤❤
@khuramshahzad9089
Жыл бұрын
Great video and information. I would love to watch more on MUI in react.♥️
@David-zh2kh
Жыл бұрын
Cool video, will practice MUI by this tutorial
@sidekick3rida
14 күн бұрын
No mention of versions used… awesome
@Basil_Porphyrogenitos
Жыл бұрын
You dropped this bro 👑
@dude2542
Жыл бұрын
OH MY GOD THIS IS LIFE CHANGING!!!
@kevinz1991
Жыл бұрын
really like the style/tone/content of this video hope there is more thank u very much
@ofilipedavila
Жыл бұрын
I've discovered your channel by this video and, man, that's a great work! Keep uploading more videos!
@enjamurisagar3554
11 ай бұрын
You saved hours of my time. Thank ya
@qweqwe_Flinstone
Жыл бұрын
wow i love you ure a hero of the week MUI will save me alot of time making my portfolio site which im designing so sloowlyyyy even without a small details ehhh
@frontstartdev
Жыл бұрын
Thanks. It really is a time-saver. Have fun trying it out.
@knaickerUK76
3 ай бұрын
Awesome kick-starter!
@crazychase443
5 ай бұрын
The perfect video that I needed, thank you!
@lecoleadstefnum
Жыл бұрын
This is amazing. It will help me 10x my workflow on my SAAS. Thanks.
@basil127
Жыл бұрын
You explained it really well, thank you.. now I know the basic on how to start using it..
@8koi245
Жыл бұрын
I have been avoiding styling libraries because I love SASS but I guess it's time to take a look~ wait 250 subs? I thought you had like 50k! amazing quality and pace!
@vatsal_gamit
Жыл бұрын
This is really a good content!! Exactly what I was looking for. Hope you make more videos on MUI like this. 🥳🥳🥳
@CJ-nz5rt
Жыл бұрын
i was struggling with material ui. This vid is really helpful for a beginner like me!
@frontstartdev
Жыл бұрын
Glad to hear that!
@NewsInsightsbyCharlie
Жыл бұрын
That is an excellent way to explain. Please, continue more videos like this.
@felixsvensson5265
9 ай бұрын
Great job! Perfect tempo for me
@AnweshAdhikari
Жыл бұрын
Wow, thanks for this! I didn't knew how to use Material UI, will give it a try!♥️
@ankusarmah6795
Жыл бұрын
best explanation of Mui , keep making videos like this
@frontstartdev
Жыл бұрын
Thanks, appreciate it!
@sweatypotato248
Жыл бұрын
Come on bro keep doing your front-end design with this library love to see your work
@jnayehsirine6222
10 ай бұрын
ur sense of humor is a LEVEL !! XD
@adrianCoding
6 ай бұрын
Thanks man I needed a quick tutorial
@fnfal113
Жыл бұрын
nice video, learned something new regarding the use of breakpoints on other props
@khantsithu4383
Жыл бұрын
Amazing video! You've gained another subscriber.
@blackpurple9163
Жыл бұрын
I have begun using Tailwind and I love it so far, it's more work to create the UI similar to Material UI, but it's still manageable, but I prefer Mui over Bootstrap 5, the components are better looking by default
@frontstartdev
Жыл бұрын
I consider Tailwind and Material UI to be in two different categories. As you said, Tailwind is just for writing CSS and you have to build everything from scratch, whereas Material UI provides complete and functional components. I also totally prefer it over Bootstrap ;)
@blackpurple9163
Жыл бұрын
@@frontstartdev yes, I feel the same, when I want more control over the UI, I use Tailwind, but if I want a decent looking UI (mainly for testing backend etc) I use BS5
@hamzamo.7180
Жыл бұрын
what the fuck? You only have 41 subs? Prepare to hit 10k in a few months. Your content is top-tier
@frontstartdev
Жыл бұрын
Thanks! Glad you like it 🙏
@y0z64
Жыл бұрын
Excellent video, you keep my attention the whole video which is really rare since I have the attention span of a squirrel in drugs. Overall good job!
@frontstartdev
Жыл бұрын
Haha, glad to hear that!
@ratao_kinax9194
Жыл бұрын
Top level video, for sure. Thanks for the tutorial bro!
@frontstartdev
Жыл бұрын
Thanks for the support :)
@Ouba1
Жыл бұрын
great video, straight to the point
@jamesmay5088
Жыл бұрын
Wow! Great video :) you rock! ;)
@Degenerated00
2 ай бұрын
Can confirm, learned material ui and even react in like 9 minutes.
@VolodymyrKing
Жыл бұрын
Dude this is AMAZING!! Thank you alot!)
@eeshau
4 ай бұрын
SO helpful thank you!
@lottexy
Жыл бұрын
no way i wish i knew about this sooner... was doing css on my own and just beating myself up for not understanding transitioning and color theming lol
@olymahmud9909
10 ай бұрын
Thanks bro! enjoyed the video
@hemakasen007
Жыл бұрын
Love this video, good luck mate!
@frontstartdev
Жыл бұрын
Thanks!
@sumanthachark
7 ай бұрын
Great explanation!!!
@letaciogalvao9908
6 ай бұрын
Completely alwsome, thanks a lot!!
@pacoluna7969
Жыл бұрын
Great Video!! It would be amazing if you teach us how to personalize MUI more, it would be really useful.
@frontstartdev
Жыл бұрын
Thanks! That's a good idea. I think 'll make one soon. Let me know if you have something specific you wanna know.
@pacoluna7969
Жыл бұрын
@@frontstartdev How to make components not look like material ui, or at least not that much, like a navbar, how to make it look better. I don't have a lot of experience in web dev and I have built a couple of sites using react-material ui and they both look pretty much the same
@frontstartdev
Жыл бұрын
@@pacoluna7969 I see. There are a lot of ways to fully customize them. I’ll make a video on that soon. Stay tuned.
@nemila4904
Жыл бұрын
More videos like that and I am sure your going to get thousands of subscribers in no time
@frontstartdev
Жыл бұрын
Thanks! Next one is one the way🫡
@mrunknown7405
Жыл бұрын
Gigachad instructor
@njengathegeek
Жыл бұрын
Dude, you deserve 1m subs
@frontstartdev
Жыл бұрын
Haha thanks!
@Creatos
Жыл бұрын
Please make more advanced tutorials on MUI! I love the editing style
@danielgruner
Жыл бұрын
I really like the video and the video style! It’s very comprehensive for its length and I have understood some really important MUI concepts (Container, Box, ThemeProvider, sx..) How do you find the Joy UI Design System from MUI? I’ll definitely have a look at it because I find Material UI a little bit boring. Box and sx are in combination an interesting concept but regarding sx I am unsure. I don’t like concepts like Tailwind because you always have to learn both (CSS and the Tailwind API) and the code gets very hard to read after a few years (when you forgot most about Tailwind) or for team members who don’t know Tailwind. With sx it’s the same. Perhaps I use Emotion css props with normal divs where you write normal CSS in literal templates and pass those strings to the CSS prop of the component. Ok, you definitely write more code, but it stays always understandable over the years when you know CSS. I don’t know if Emotion css prop works properly together with MUI because Emotion stated that you shouldn’t mix up Emotion styled components and css props. Do you have experience with that?
@battlebear
Жыл бұрын
Love this! Thank you!
@nidhinsnair
Жыл бұрын
Thanks. Really helpful. Nice presentation. Make more videos. Subscribed.
@shashankkulkarni2951
4 ай бұрын
Helped a lot :) sx={{ love: high }}
@jeanchristophegomis4650
6 ай бұрын
Wonder full!
@joshDotJS
4 ай бұрын
amazing. thank you sir :)
@asrithtechsys6954
Жыл бұрын
Bruh is this video from
@frontstartdev
Жыл бұрын
Thanks for the support. Appreciate it 🙏
@sdfsfsfd437
Жыл бұрын
Muy buen resumen. Muchas gracias. Me sirvió.
@dovh49
3 ай бұрын
Thank you. Now I have a more clear understanding of why I dislike MaterialUI and React so much.
@kasper369
Жыл бұрын
Bro, amazing video. Keep it coming
@frontstartdev
Жыл бұрын
Thanks! More content is on the way 👍
@laerciogarotinho1199
Күн бұрын
Agradeço sua amizade e vamos crescer o time do bem
@SadieandCompany
Жыл бұрын
Thanks! good video style. A deeper dive on some MUI specifics, like Forms would be cool. I think I got 1000 sub ;)
@frontstartdev
Жыл бұрын
Congrats and thanks! That’s a good idea!
@hamzasohail3646
Жыл бұрын
Amazing way of teaching. Keep it up Bro
@frontstartdev
Жыл бұрын
Thanks!
@lazyfrontender
Жыл бұрын
Super video, please going on
@nirajbhanushali7693
Жыл бұрын
You cleared my doubts thank you 😊
@Blinknone
Жыл бұрын
Really nice intro..
@tumon001
Жыл бұрын
Great Tutorial
@md.arslan9789
Ай бұрын
great tutorial!
@dinesh.p8642
11 ай бұрын
Thank you!
@LucasGuimarãesdaCruzMarques
Ай бұрын
Hey, I really liked your video-it was super helpful! But I still feel like there’s a lack of content about customizing Material UI themes, especially since so many people use it. I have to use it daily, and I find the documentation really bad. It doesn't explain anything! I always get stuck somewhere and end up having to 'invent' a solution.
@nickoates
Жыл бұрын
Love the production quality here, surprised you only have 75 subscribers -- but please get a pop filter for your mic lol.
@frontstartdev
Жыл бұрын
Thanks! Yeah it hurts my ears too haha. Gonna fix that 👍
@oceansi
Жыл бұрын
I subscribed to this legendary guy 🤝
@frontstartdev
Жыл бұрын
Haha thanks!
@vinushan24
5 ай бұрын
Thanks man!
@superfax
Жыл бұрын
I never laughed while watching a informative video 😂
@geomeidash
Ай бұрын
bro’s gonna teach me mastered ultra instinct
@henyadose
Жыл бұрын
Regarding interviews and jobs, I have a few questions that you can answer. Your answers will be a great help. 1st = Is any computer science degree required for a job because I'm a commerce student and I'm in the second year of BBA. 2nd = Only those who can speak English fluently will get remote jobs, cause I'm from India 3rd= I have learned MERN stack and know the basics of java, is that enough? 4th= Is Data structures and algorithms required for the interview? 5th = best and fastest way to get a better remote job.
@frontstartdev
Жыл бұрын
Yes, sure. 1. No, it’s not. Actually I don’t have a CS degree either. Will make a video on this topic soon. 2. I think your English is fine. Most of the work is programming anyway. You just have to be able to communicate with colleagues and understand requirements for what you’re building. 3. That will depend on the job that you apply for, but that sounds like a good start. 4. This again depends on the job and company. For web development it’s not really a requirement. Especially in the beginning. 5. I think there are websites exclusively for remote job postings. With a bit of Googling I’m sure you’ll find something. Also, applying directly to companies and asking whether you could work remotely is also an option. Hope this helps.
@henyadose
Жыл бұрын
@@frontstartdevThanks bro, you are a nice guy because most people don't reply usually and yeah, your reply seems literally helpful. I forgot to ask if I could copy projects from the internet and put them on my resume in their current form or after making changes to them. Will that can cause any issues in the interview?
@manuelsilva3754
Жыл бұрын
@@henyadose build projects yourself, even if they are not very original, from scratch..
Пікірлер: 256