How to speed up your React Development skills ? Learn How To Build React Apps Quickly ?

  Рет қаралды 193,470

Dipesh Malvia

Dipesh Malvia

7 ай бұрын

⭐️ DhiWise ⭐️
🔗 www.dhiwise.com/
DhiWise is a programming platform where developers can convert their designs into developer-friendly code for mobile and web apps. DhiWise automates the application development lifecycle and instantly generates readable, modular and reusable code.
In this video I will show you how you can boost your development productivity and build react apps quickly without compromising in the code quality and developer experience.
I have recently used this platform and built a React apps where I focused only on the features that are important to me rather than writing components and css from scratch. So that is why I thought it is worth sharing with you so that you can also increase your productivity.
In this video we are going to transform this Figma design into this react website and deploy it on Vercel.
⭐️ Node.js: The Complete Guide to Build Backend Projects [2023] ⭐️
Link - www.dipeshmalvia.com/courses/...
⭐️ Support my channel ⭐️
www.buymeacoffee.com/dipeshma...
⭐️ GitHub link for Reference ⭐️
github.com/dmalvia/React_Blog...
⭐️ Deployed demo app for Reference ⭐️
650df7b2dbce590014d4cd27-dmal...
⭐️ Figma Design for Reference⭐️
www.figma.com/file/ag5ck53h69...
⭐️ Crash Courses ⭐️
🔗 Nodejs Crash Course - • Learn Node.js & Expres...
🔗 React Crash Course - • Learn React JS with Pr...
🔗 JavaScript Crash Course - • JavaScript Tutorial fo...
🔗 HTML5 Crash Course in 1 Hour - • HTML5 Crash Course for...
🔗 CSS Crash Course in 1 Hour - • CSS Crash Course For A...
⭐️ Social Media ⭐️
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
- How to boost Your Productivity And Speed Up React Development
- Build React Blog App With Tailwind CSS Quickly
- Build React Apps Using Dhiwise & Save Development Time.
- Transform Figma Design To React App Using DhiWise For Free
⭐️ Hashtags ⭐️
#react #figma #dhiwise #beginners #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Пікірлер: 109
@REXTV-UG
@REXTV-UG 6 ай бұрын
THIS is SO GREAT THANK YOU
@gideonodiokineh3145
@gideonodiokineh3145 6 ай бұрын
I realized that I had never been trained by anyone before, until I was trained by Dipesh. Perfect narration, perfect presentation skills, perfect educational content. Thanks for everything. Please can you create a video of building custom components like Input, Button, Checkbox and much more?
@user-jy6yo3vh7l
@user-jy6yo3vh7l 4 ай бұрын
asd
@user-jy6yo3vh7l
@user-jy6yo3vh7l 4 ай бұрын
asd
@user-jy6yo3vh7l
@user-jy6yo3vh7l 4 ай бұрын
asd
@user-jy6yo3vh7l
@user-jy6yo3vh7l 4 ай бұрын
asd
@silly_mortals7687
@silly_mortals7687 5 ай бұрын
Dude! this is really good.
@ChakibNahass
@ChakibNahass 6 ай бұрын
Thank you very much , I would ask you if Figma is free or just free for 1 project
@viraksong
@viraksong 3 ай бұрын
thanks for sharing. you have me hours from desgin before coding.
@pankajtalwar1998
@pankajtalwar1998 5 ай бұрын
thank you bro
@user-tz6hs5dw9d
@user-tz6hs5dw9d 4 ай бұрын
this was very useful. thank you so much
@DipeshMalvia
@DipeshMalvia 4 ай бұрын
You're welcome!
@shubhamgupta-bl1tr
@shubhamgupta-bl1tr 7 ай бұрын
Nice ..can u come how to create resuable component in react ..like input box etc with best practices
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Noted!
@hammadraza7064
@hammadraza7064 6 ай бұрын
are templates on the dhiwise plateform all responsive?
@amaan9136
@amaan9136 3 ай бұрын
no bro we need to customize that@@hammadraza7064
@user-gu2ik2rc7m
@user-gu2ik2rc7m 3 ай бұрын
Hi! nice work, thank for all! Goof luck bro :>
@_vetrivel25
@_vetrivel25 7 ай бұрын
Hey dipesh, can you please make a course on advance react with covers all the important things a senior engineer knows like best practices, performance optimization and other things, I'm a junior developer who wants to be a senior developer
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Sure, I will definitely take a note on this.
@_vetrivel25
@_vetrivel25 7 ай бұрын
@@DipeshMalvia thanks for the reply dipesh I'll be waiting for your new course
@RanbirSingh-iq5uf
@RanbirSingh-iq5uf 7 ай бұрын
Thanks, I am too waiting for this, topics like advanced react patterns.@@DipeshMalvia
@himanshukosariya4264
@himanshukosariya4264 6 ай бұрын
​miij i .😊jm , v xx
@MurderByProxy
@MurderByProxy 5 ай бұрын
lol a senior engineer would use cpp or rust for the API and vue for the frontend; better yet; plain HTML and JS a wee bit of wassm; don't fall into vthe react pit; once that shit becomes obsolete because it will you'll be obsolete as well
@rajpandim
@rajpandim 5 ай бұрын
Excellent
@xanddybr
@xanddybr 6 ай бұрын
Congratulations! Is very good your content!
@DipeshMalvia
@DipeshMalvia 6 ай бұрын
Thank you so much 😀
@hammadraza7064
@hammadraza7064 6 ай бұрын
are templates on the dhiwise plateform all responsive?
@ingodavilabanghard5940
@ingodavilabanghard5940 6 ай бұрын
Thanks for the content, I am currently in charge of making an e-commerce app for my startup. will this platform allow me to create apps that will be allowed in the app store and google store?
@MurderByProxy
@MurderByProxy 5 ай бұрын
lol no dude; only thing is going to actually help you is knowledge and talent
@ingodavilabanghard5940
@ingodavilabanghard5940 5 ай бұрын
@@MurderByProxy irrelevant reply, I'm asking if this tool can be used for creating apps that will be allowed in the app/google store. This answer so far after trying it myself is yes.
@dee2004kkk
@dee2004kkk 4 ай бұрын
Hey can you tell me from where did you got the figma reference even I'm working on eCommerce application
@saurabhbhambry
@saurabhbhambry 3 ай бұрын
So, what makes it better than TailwindUI, Flutterflow etc.?
@shayansaleem9579
@shayansaleem9579 6 ай бұрын
Hey, can we make the pages responsive through this tool?
@blackCodeDushans
@blackCodeDushans 7 ай бұрын
can you do a video about , How to make a HTML , CSS , JS template into React Project ?
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
I don't have any plan, but I will if I find some resources, I will share it with you.
@malikmudassarawan
@malikmudassarawan 7 ай бұрын
Thanks love
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Welcome!
@user-jv3dl2kd9k
@user-jv3dl2kd9k 6 ай бұрын
sir supar
@hammadraza7064
@hammadraza7064 6 ай бұрын
are templates on the dhiwise plateform all responsive?
@dhiwise
@dhiwise 4 ай бұрын
Hello! We are working on providing responsiveness to all our templates gradually.
@SamsonIweibo
@SamsonIweibo 6 ай бұрын
I tried typing in yarn into my vs code but it says it doesn't recognise the statement, is it because you are using an Ios and I'm using winndows? If yes do you know how I can go about making it work? Thank you for your response and the video
@DipeshMalvia
@DipeshMalvia 6 ай бұрын
You first need to install yarn package manager. use npm install -g yarn
@SamsonIweibo
@SamsonIweibo 6 ай бұрын
Thank you@@DipeshMalvia
@SamsonIweibo
@SamsonIweibo 6 ай бұрын
Unfortunately, it still didn't work@@DipeshMalvia
@samia.s8619
@samia.s8619 6 ай бұрын
@@SamsonIweibo i have the same problem, did you find a solution?
@devM-eg7fd
@devM-eg7fd 5 ай бұрын
This is exactly why you shouldn't use AI shit if you are a beginner. Use your brain learn core knowledge. if you are a developer part of that job is also to identify and fix bugs and fix your system and all that. AI can go as far as it goes, but it is not human. the creativity , the problem solving ability you have is unique. Why people train AI bots to do their bids, you train your brain to learn understand and develop knowledge. once you do that, you can use AI just for assistance.
@andranikhakobyan2437
@andranikhakobyan2437 6 ай бұрын
thank you very much
@raymans8244
@raymans8244 7 ай бұрын
Great one
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
Thanks!
@user-pk7lx4ir1f
@user-pk7lx4ir1f 5 ай бұрын
i think i need some one to guide me to make an app like this platform..thankyou sire
@SteveRHanson
@SteveRHanson 3 ай бұрын
Just what we need. Another framework.
@RABAT44
@RABAT44 5 ай бұрын
Can we convert design to nextjs insted of react ?
@dhiwise
@dhiwise 4 ай бұрын
Hey! Good news! We are working to roll out support for NextJS in coming months. Stay tuned!
@user-tz6hs5dw9d
@user-tz6hs5dw9d 4 ай бұрын
very useful
@DipeshMalvia
@DipeshMalvia 4 ай бұрын
Glad to hear that
@sidhusree09
@sidhusree09 4 ай бұрын
thanks
@DipeshMalvia
@DipeshMalvia 4 ай бұрын
Welcome
@X1z1P1
@X1z1P1 5 ай бұрын
nice
@surajupadhye9433
@surajupadhye9433 3 ай бұрын
Any website to convert designs to angular code
@DipeshMalvia
@DipeshMalvia 3 ай бұрын
I will definitely check and let you know.
@KarenFrench-fd1vu
@KarenFrench-fd1vu 6 ай бұрын
cool )
@SaliAalaNabiyak
@SaliAalaNabiyak 6 ай бұрын
landing pages and easy desgins well no longer need front end developers, this AI tools scares me because they are getting inteligent day after day, we are still in the beginning of the ai revolution and ai has gone this far. it won't take long until the ai reach a point when it actually build full fluged application fully functoinal and ready for build production
@jehnzcode
@jehnzcode 4 ай бұрын
then AI developers should be stop
@muskanbagde4645
@muskanbagde4645 6 ай бұрын
sir i will facing problem regarding figma url so please help me
@DipeshMalvia
@DipeshMalvia 6 ай бұрын
Can you please elaborate what problem you are facing ?
@hammadraza7064
@hammadraza7064 6 ай бұрын
are templates on the dhiwise plateform all responsive?
@dhiwise
@dhiwise 4 ай бұрын
@@hammadraza7064 We are gradually rolling out responsiveness support for all our templates.
@deveshverma9506
@deveshverma9506 5 ай бұрын
Sir terminal command Yarn && yarn start not working
@DipeshMalvia
@DipeshMalvia 5 ай бұрын
Please check you have yarn package manager installed or not
@_Khalid_03
@_Khalid_03 6 ай бұрын
yarn && yarn start cmd is not working any help here anyone?
@DipeshMalvia
@DipeshMalvia 6 ай бұрын
Have you installed Yarn ?
@samia.s8619
@samia.s8619 6 ай бұрын
@@DipeshMalvia i did and i still have the same problem
@user-jz6hp7tu8j
@user-jz6hp7tu8j 6 ай бұрын
Đánh hay quá
@abc-ym4zs
@abc-ym4zs 4 ай бұрын
hii sir expecting reply i am from south india i want some good english youtube channel to learn mern stack development sir please can u suggest
@paemox
@paemox 6 ай бұрын
TLDR? How to speed up your React Development skills ? Learn How To Build React Apps Quickly ?
@pavankumar-of4ew
@pavankumar-of4ew Ай бұрын
It is similar to wordpress customization
@hmking7871
@hmking7871 5 ай бұрын
As a developer I am afraid of AI it is gonna take our jobs soon...
@user-jy6yo3vh7l
@user-jy6yo3vh7l 4 ай бұрын
asd
@zamshani
@zamshani 5 ай бұрын
is DhiWise free to use?
@DipeshMalvia
@DipeshMalvia 5 ай бұрын
Yes it’s free
@cryptoriddles
@cryptoriddles 6 ай бұрын
The provided pages on the dhiwises are not rendered properly, although its a good effort, this is not worth the effort
@dhiwise
@dhiwise 4 ай бұрын
We’re sorry that you faced such a thing. Can we connect to understand the use case, so we can resolve it if there is any issue?
@andrews4379
@andrews4379 5 ай бұрын
Love INDIAN DEVLOPERS ENGLISH !! ;DDDDDD
@hba6018
@hba6018 4 ай бұрын
arrgg, nop, HTMX for the win
@eduardochauca
@eduardochauca 6 ай бұрын
dreamweaver are you?
@mohitashliya8750
@mohitashliya8750 6 ай бұрын
Idea is very excellent par ye sirf developers k kaam ki cheez hai baki logo k liye ye complex ho jayga iska flow
@dhiwise
@dhiwise 4 ай бұрын
Thank you! We have been working on this idea for developers only!
@user-gx5uy2si6t
@user-gx5uy2si6t 7 ай бұрын
This tool will eliminate front-end developer jobs.I'm torn between looking at this tool and whether I should focus on the front-end now or leave it
@DipeshMalvia
@DipeshMalvia 7 ай бұрын
I don't agree to this. I used the tool myself to build project and I have to write a lot of logic and code for the features important to me. The tool helped to get the structure and components like header, footer, routing, pages and navigation. So it actually saved a lot of my time.
@mohitashliya8750
@mohitashliya8750 6 ай бұрын
No Jobs will not be eleminated because the people who gonna use this tool are frontend developers themselves.
@adailson3
@adailson3 6 ай бұрын
That these simple components were typically created by beginner developers. On the one hand, these tools may reduce the demand for beginner developers. On the other hand, they can be a great aid in improving programming skills.
@chetanchandel8850
@chetanchandel8850 5 ай бұрын
i also feel scared because of these sudden new advancements happening but we need to think along these lines: 1. how can i use these AI tools to deliver more value to my clients/company and therefore earn more 2. how can i use this tools to speed up my learning process
@mohitashliya8750
@mohitashliya8750 5 ай бұрын
dont be scared every new revolution creates new jobs.@@chetanchandel8850
@muhammadraihannasywaan5591
@muhammadraihannasywaan5591 6 ай бұрын
this for free ?
@DipeshMalvia
@DipeshMalvia 6 ай бұрын
Yes, It's a free tool.
@pete104242
@pete104242 3 ай бұрын
afraid you lost me at tailwind and that divitus markup it generated. Haven't seen so many useless divs for a long time. The payoff for a generic tool
@AmaanBilwar
@AmaanBilwar 3 ай бұрын
nexttime record your mouse
@TheBitterSarcasmOfMs.Anthropy
@TheBitterSarcasmOfMs.Anthropy 3 ай бұрын
How about this never ending JS bs and learn to code efficiently?
@fatmilf1498
@fatmilf1498 3 ай бұрын
yikes imagine paying for people to watch this video
@vahanmkrtchyan-ml6yu
@vahanmkrtchyan-ml6yu 3 ай бұрын
you should no build react apps.
@user-jz6hp7tu8j
@user-jz6hp7tu8j 6 ай бұрын
Đánh hay quá
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 310 М.
The magical amulet of the cross! #clown #小丑 #shorts
00:54
好人小丑
Рет қаралды 20 МЛН
НЕОБЫЧНЫЙ ЛЕДЕНЕЦ
00:49
Sveta Sollar
Рет қаралды 7 МЛН
0% Respect Moments 😥
00:27
LE FOOT EN VIDÉO
Рет қаралды 46 МЛН
Programming Is NOT Enough | Add these 7 skills…
13:19
Travis Media
Рет қаралды 408 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 534 М.
INSANE OpenAI News: GPT-4o and your own AI partner
28:48
AI Search
Рет қаралды 271 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
All The JavaScript You Need To Know For React
28:00
PedroTech
Рет қаралды 532 М.
26 Incredible Use Cases for the New GPT-4o
21:58
The AI Advantage
Рет қаралды 7 М.
Figma Goes All In On Developers
12:10
Theo - t3․gg
Рет қаралды 125 М.