Hi All
I will list down a few resources to help become a Full Stack Engineer in 2019.
I am here including the most popular tech stack of React, Redux, Node, GraphQL along with a few resources for system design.
In order to understand React, Redux, or Node in detail, its recommended to understand a little bit about Javascript.
Javascript: Picking up JS depends on your experience with it, but a very good starting point would be to start with fundamentals.
- https://github.com/getify/You-Dont-Know-JS is a great place to start learning Javascript. It starts with the very basics and digs deeper into advanced concepts. In addition, it also covers the internals of JS compiler.
React: Official React docs do a pretty impressive job of explaining this library. https://reactjs.org/
- Tutorial included in the official site (https://reactjs.org/tutorial/tutorial.html) is more than sufficient to get hold of all basic stuff. To top that, Kent C. Dodds' course on egghead is an amazing course to cover the breadth of React. https://egghead.io/courses/the-beginner-s-guide-to-react
Redux: Before starting with Redux or for any library for that matter, its useful to understand the need behind it. Reasons to use Redux are nicely explained in this article: https://blog.logrocket.com/why-use-redux-reasons-with-clear-examples-d21bffd5835/ .
- To learn more about it, official docs are a good source https://redux.js.org/introduction/getting-started .
Node: Node is the most popular JS framework to build server-side application and it has a very un-intuitive single threaded architecture. Node architecture can be studied from this doc: https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/
- Proper understanding of the Node architecture is needed to build scalable and asynchronous applications.
GraphQL: GraphQL is the latest tech on rise and it makes sense to learn it. GraphQL helps in building optimized data communication APIs for web applications.
Design:
- This is an amazing series where Google explains the browser architecture : https://developers.google.com/web/updates/2018/09/inside-browser-part1
- https://www.interviewbit.com/courses/system-design/
- https://leetcode.com/ is also a good place to practice coding in JS.
Top comments (5)
Good article. Might want to add a DB technology there aswell. Hard to be a full stack engineer without any db knowledge :)
You are right Srini. Thanks for this. Planning to write a post with both DB and Cache stuff :)
The redux article is from Aug 2018, shortly after react Hooks were released. It talks about lifting state, etc. Is that article still relevant?
Maybe if you have to deal with legacy projects.
Hi. You can use the post to understand the fundamentals of Redux design. I would actually recommend you look at React's Context API if you are planning on using a state management in your app :)