If anyone wants to take the time to talk to me about React please feel free. Im very interested.
What React does (and things like it like Angular, Vue, and to a lesser extent jQuery) do? It makes it a lot easier to break your large web site into smaller, more manageable chunks. These chunks also become reusable. I find the apps easier/faster to build and maintain. Libraries like these are very popular for that reason.
Re libraries/frameworks in general, no, they do not make writing JS easier I’m afraid, that’s not the point of them. You are likely to need to write less JS, and that JS might not be as complicated, but that will be because you are using chunks of code that someone else has written rather than code you’ve written yourself. Someone has some need, and they write a set of functions or classes or whatever that deal with that need, then you can use that in your code rather than writing it yourself.
In React’s case, the need was an efficient way [for Facebook, because the existing solutions weren’t great] to render and rerender HTML dynamically based on data passed into the functions the library provides, which in turn allows for browser apps that, for users, work much more like desktop apps than normal websites do. Ditto Angular (initially built as a library at Google for making it easier to write JS-powered HTML forms), ditto Svelte (solution to needs of New York Times for interactive sections in articles, written by someone who built the same sort of thing previously, Ractive, for The Guardian), ditto Vue.
For example, I know that engineers at Facebook developed React. So does React primary assist developers in building Facebook or Twitter- like applications or is it also useful in the context of personal and individual websites and web applications that don’t resemble a social media applications at all?
Im also interested in a framework that will assist in animations. Will react help in that area? If not, where would I look for a framework that can help make interesting button and page animations. Or would that just be plain CSS?
Yes and also yes, turns out that the way it’s built is generally useful and relatively pleasant to work with for developers of both large or small applications. It scales fairly well; the complexity does not increase drastically as the size of the application codebase increases as long as you’re careful.
Because of the way it works, no. There are additional libraries for React that help. Plain CSS is very good at this, for more complex stuff there are good JS libraries
So does React primary assist developers in building Facebook or Twitter- like applications …
No, not at all. It is made by the people at FB, but it does not create a “FB-like” app.
Im also interested in a framework that will assist in animations. Will react help in that area?
There are built in animations and React libraries that can help too. One of Reacts great assets are the wealth of supporting libraries that you can use.
I think that I really had the wrong impressions about React, which is why I thought it be a good idea to ask. Now Im trying to think of ways I would use React in my own workflow. Im just at the beginning of my coding journey and many of my projects are small and very simple.
I guess I’ll just need to learn React and see how it would benefit my process when the time comes…
Im actually more exited about creating animations and graphics for websites and applications, and was hoping that React would help in that department. Although Im really exited about learning React, I also want to learn how to do unique and clean animations.
Ive seen some animated buttons, switches and scroll events on Codepen recently that blew my mind. I guess now I have more questions about how things like that are created, if not using React. I don’t even know where to start when it comes to things like this
React is basically a library of tools that help in web development. It uses a syntax called jsx which is a hybrid of js and html. It does not work outside browsers and has nothing to do with programming unless web development is not concerned.
So if u are learning js as a programming language and primarily for problem solving, u need not learn react right now. But if you are thinking of getting into web dev react will be a handy tool.
If you are interested in animations and styling web pages then i think it will be a good idea to learn css very well
Sass will also do
U also need to know a little about photoshop and figma or adobe xd
Gotcha! That makes a ton of sense. Great breakdown. Im interested in both disciplines. But I really want to focus on understanding the programing aspects of vanilla JS so that I can become a better web developer. Does that make sense? I was under the impression that programing and web development go hand and hand. Like you can’t have one without the other.
Am I mistaken?
I want to be a good programer, so that I can be a good web developer.
Yeah Im very good and comfortable using Photoshop. Ive been using that for all sorts of stuff for years now. Its second nature to me. I really want to get Sass down, but im still learning how to write DRY code and I can see how messy code in CSS can quickly get out of control
So yeah, after sharpening my CSS ill move into Sass for sure.
Having said that I learnt React even before i really understood the above concepts very clearly. In the process of learning React i started to understand these things even better. So even if you learn React and you dont know some things, you will eventually get to know many things more clearly as you spend time.
I should also mention that before i learnt react or js i had a sound knowledge of java as it was a part of our school curriculum and maybe that helped me in my react journey.