Technologies for the Modern Full-Stack Developer
August 4, 2021
The developer technology landscape changes all the time as new tools and technologies are introduced. Based on numerous interviews and reading through countless job descriptions on job boards, here is a compilation of a great modern tech stack for JavaScript developers in 2021.
Out of countless tools, this blog covers a selection which when combined can be used in either personal projects or in a company. Of course, many other project management tools exist out there for example like Jira, Confluence, Trello and Asana to name a few. This is based on user experience and preference so feel free to make slight adjustments and personal changes to suit your own tastes.
It is much simpler to concentrate on a refined set of tools instead of getting overwhelmed with the plethora of choices out there which makes it hard for aspiring developers to choose a starting point.
Project Management
- Notion – For overall project management, documentation, notes and wikis
- Clubhouse / Monday – Clubhouse or Monday to manage the development process itself. Both can be Incorporated into a CI/CD workflow so builds are done automatically and changes are reflected in the staging and production CI/CD branches
- Slack / Discord – For communication between teams
Design
- Figma – Figma is a modern cross-platform design tool with sharing and collaboration built-in
- Photoshop / Canva – Photoshop is the industry standard for doing graphic design work and Canva is a great image editing tool
Back-End
- Node.js – A popular modern back-end framework
- PostgreSQL – A popular SQL Database
- MongoDB – A popular NoSQL Database
- HarperDB – A popular hybrid NoSQL/SQL Database
Front-End
- NextJS / Create React App / Redux – NextJS for generating a static website or Create React App for building a standard React website with Redux for state management
- Tailwind – Tailwind for writing the CSS, as its a modern popular framework basically allowing you to avoid writing your own custom CSS from scratch leading to faster development workflows
- CSS/SASS / styled-components – This can be used as a different option to Tailwind, giving you more customization options for the components in React
- Storybook – This is the main build process for creating the components because it allows for modularity. With Storybook components are created in isolation inside of a dynamic library that can be updated and shared across the business
- Jest and Enzyme, React Testing Library and Cypress – TDD using unit tests for the code and components before they are sent to production and Cypress for an end to end testing
- Sanity / Strapi – Sanity and Strapi are headless CMS and are used to publish the content with the use of a GUI (optional tools)
- Vercel / Netlify / AWS – The CI/CD provider combined with GitHub, makes it easy to review and promote changes as they’re developed
Mobile
- React Native / Redux – React Native for creating cross-platform mobile apps and Redux for state management
- Flutter/Dart – Flutter and Dart for creating cross-platform mobile apps
Source – https://levelup.gitconnected.com/modern-full-stack-developer-tech-stack-2021-69feb9af13f3
