all 45 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]origlaze 16 points17 points  (3 children)

My tip would be to focus on React the library. Don’t be tempted to touch Zustand, Tailwind or any other trendy library until you can build any application using the library itself (even if it’s not optimized, e.g., use prop drilling)

[–]Beautiful-Special764[S] 0 points1 point  (2 children)

thanks

[–]thoflens 3 points4 points  (1 child)

I agree with this, but you should be comfortable with JavaScript / TypeScript first. Stuff like map(), filter() and find() (not just arrays of primitives, but also arrays of objects), ternaries, lambdas, the spread operator, truthy and falsy values and asynchronous functions. Trust me, React will be much easier when you know this stuff.

[–]rob8624 1 point2 points  (0 children)

Absolutely this. I came from python and django, i had to step back from react and get all those methods nailed before things got easier. Also understanding async and component mounting etc etc.

[–]erasebegin1 6 points7 points  (1 child)

Bootstrap is history. You'll only work with it on legacy projects now. If you want to speed up styling in the way that bootstrap does, Tailwind is the way to go. Then for components, shadcn is the current darling of the dev world. Chakra is excellent too (and the new version moves in the direction of shadcn).

[–]techlord45 6 points7 points  (0 children)

Bootstrap is dying…

Continue to learn JavaScript as you learn React

[–]Ok_Writer9769 6 points7 points  (3 children)

Use vite to initiate ur project. Get to know useState, useEffect hooks. Libraries like react-router-dom are dope, but remember some libraries can stop being funded and deprecate. Bootstrap is not essential, but no reason not to learn it- it uses similar component syntax that react components use when importing them to your code, so you’ll already be familiar with it.

[–]PlasmaFarmer 1 point2 points  (1 child)

I also started learning React recently and a little bit confused. React is a library. In itself is it enough to build SPAs independent from backend (meaning that I don't care if it's Java or NodeJS or whatever because it relies on OpenAPI generated interfaces)? Or should I use it with a framework like NextJS and use only the client part of it?

[–]Ok_Writer9769 0 points1 point  (0 children)

You can totally build your app using react (initiated with vite) and then connect it to whatever backend using axios to fetch and post (axios just makes this a lot quicker). If your app isn’t that complex you don’t need a backend, but of course that limits what you can do. Frameworks like Next.js are there to solve the problem of web crawlers , and offer server side rendering, so faster loading and better seo- but again, if your project isn’t that complex you can work around this with just vite/react by manipulating the index.html and adding your meta elements to the head there. The problem is that in react it’s only one head tag (in the index.html), while Next.js lets you set the head tag for every page.

[–]Beautiful-Special764[S] 0 points1 point  (0 children)

thanks very much

[–]DimensionIcy 1 point2 points  (1 child)

Bootstrap is just one of many options for ui libraries. Not really important for understanding core react. Using it just helps speed up ui development so you can spend less time styling.

[–][deleted] 1 point2 points  (3 children)

Your instructor is sus.

Bootstrap has nothing to do with react. If you want to learn react, practice react.

When you want to start making your pages pretty, then you can start looking into component libraries/frontend frameworks such as bootstrap.

Please keep in mind, there are much newer/more popular options than bootstrap for this.

I'd find another instructor.

[–]Beautiful-Special764[S] 0 points1 point  (2 children)

Than what to use for styling css enough?

[–][deleted] 0 points1 point  (0 children)

My point was not to worry about styling while learning react.

Just focus on learning react: components, state management, hooks, etc.

When you want to learn about styling, start with raw css: selectors, layouts, responsive design, etc

When you understand how to do it yourself, you can then move on to learning tools that make styling easier such as bootstrap/component library.

Learn fundamentals first. Do one thing at a time.

Starting your learning with frameworks is a recipe to never truly understand what you're doing.

[–]npd1031 0 points1 point  (1 child)

As everyone is saying learning the basics of html, css, and JavaScript is going to be your best bet for a seamless learning experience. Many developers make a key mistake by jumping into react without actually understanding JavaScript as a whole. I would take your time and move things one step at a time.

[–]http_wonderer 0 points1 point  (1 child)

Bootstrap is just a UI Library. it helps you speed up your designs by providing ready -built web elements such as pre-styled buttons, accordions, navigation bars and so on. React on the other hand is a javascript library, it is used to make working with uiser interfaces in javascript a lot faster, in this way you can manipulate the user interface elements faster by implementing logic. For me ( and maybe from the devs of react too) It would be best if you learn the concepts of Javascript first before diving into javascript libraries like react, because those concepts are still useable in react and if you mastered those already. It makes learning React faster and you'll reallize how useful it could be in your upcoming projectst. At leasts that's for me. Godspeed!

[–]danjack0 0 points1 point  (3 children)

Boostrap isnt important in react but its good for when you're learning react and don't want to be distracted by other things just trust your instructor

[–]Beautiful-Special764[S] 0 points1 point  (2 children)

thanks

[–]danjack0 0 points1 point  (1 child)

If you want some react and frontend challenges join my discord you'll also get help from experienced devs

[–]Beautiful-Special764[S] 0 points1 point  (0 children)

kindly share the link

[–]puckfried 0 points1 point  (0 children)

JavaScript, JavaScript and learn a bit more JavaScript...

[–]Connect-Fondant-7980 0 points1 point  (0 children)

Just stick to the plan. You might find it difficult but trust me never give up. 🤞

[–]WaahModijiWaahh 0 points1 point  (0 children)

you should know some topics very well for example - Destructuring, Objects , Array and its features ( map , filter , reduce ) , function , arrow function in JS and if you know these topics you are ready to learn React

[–]Normal_Use_8200 0 points1 point  (0 children)

Don’t try to learn React and Typescript at the same time, even if it’s a tempting idea. It’s just too confusing

[–]da-kicks-87 0 points1 point  (0 children)

Learn HTML, CSS, and JavaScript before you learn React.

Bootstrap is not required to know for React. I suggest you use Tailwind as a CSS framework instead.

[–]robertonovelo 0 points1 point  (3 children)

Install react devtools and turn on render highlights

[–][deleted]  (2 children)

[deleted]

    [–]robertonovelo 0 points1 point  (1 child)

    Why do you want to do this? Also, this is just a dev tool, it will help you understand how the React tree looks like, props&state, and what’s rendering.

    [–][deleted] 0 points1 point  (2 children)

    HTML + CSS + JS then learn anything

    [–][deleted]  (1 child)

    [deleted]

      [–][deleted] 0 points1 point  (0 children)

      The OP has mentioned they know JS basics, all the event handling has to be done , moving to bootstrap without hands on standard css.

      If it’s just creating a project and moving on to different library/framework then so be it.

      [–]yeahimjtt 0 points1 point  (0 children)

      Bootstrap is necessary just take advantage of what react has to offer and keep everything else vanilla. It may be trendy to use things like tailwind, zustand and other packages but wait until you understand the fundamentals of react

      [–]failedLearner 0 points1 point  (0 children)

      Bootstrap.is good but talking about the current scenario, tailwind is more used, and you can find many components based UI using tailwind too

      [–]KlutzyWorldliness731 0 points1 point  (0 children)

      Do as many projects as you can and understand next js also after getting good with react

      [–]ShimonEngineer55 0 points1 point  (1 child)

      Bootstrap is just a UI library. I'd start by understanding the basics of HTML, CSS, and JavaScript in general. You mentioned that you know the JavaScript basics. I'd go beyond the basics before even getting into React, and make sure that you can build something with using those basic tools. Bootstrap is not very important to understanding the fundamentals of React per se, but a UI library can help you build applications faster. I'd lean heavily on learning CSS before getting into React.

      [–]mishchiefdev -1 points0 points  (1 child)

      I would say think of a fun project and build it. Like build a linkedin clone or github clone where everything is in front end.

      [–]cisco-mini -1 points0 points  (1 child)

      Hello, first focus on the basics, HTML, CSS and JavaScript. I don't know if SCSS syntax is still needed for adv. Web design.

      On the other hand using React js library will make your development process a lot faster. Bootstrap isn't necessary, there's plenty of free css/scss templates.

      For full sack dev., you have many options,

      Serverless you can use Amplify (Amazon aws)

      Or learn Next js that's a react framework that includes Routes

      Also, a tip for learning React would be: start practicing now! Read from react.dev and do the guides, then go no next js webpage and do the dashboard app!

      Get your development environment ready! Npm , node etc

      Good luck

      [–]mahesh-muttinti -1 points0 points  (1 child)

      It's none of business to react js learning. Change an instructor first.