I want to share with you the stack I've used to create my blog, so let's get right into it! 🚀
Quick note: this blog is created as JAMStack solution, so we don't need any kind of server to handle our blog posts creation and so on. So it is possible to host it on any static website hosting such as Netlify, Github pages and more!
It's a core of our application because other libraries listed below depend on React itself.
You can use Gatsby plugins in your application, which enhance your app by features, or you can create a custom plugin for others.
By the way, Gatsby has one of the most "bulletproof" documentation you will find on the internet. If you stumble across some error, try to search the gatsby docs, there is a big chance that it is already covered there.
Typescript is still evolving, and every new version brings new features, which saves hours and hours of developer's valuable time.
Emotion is a CSS-in-JS library. It has been gaining popularity lately and there are many aspects why! It has built-in scoping for your styles. Working server-side rendering out of the box, or with a little and easy configuration. State-based styling and many more features!
Available on npm registry:
Official docs: https://emotion.sh/docs/introduction
Available on npm registry
Official docs: https://eslint.org/docs/user-guide/getting-started
Prettier is an opinionated code formatter, which supports most popular languages. It keeps consistency in your code formatting, which can be very valuable and also time-saving because you don't need to format code manually.
Is a very popular testing library. It integrates very well with react.
For testing react components you usually go for
enzyme, but you should be thinking about going for testing library because it makes your tests to be less dependent on the component's internal state.
Note: if you switch from enzyme to testing library you will need to change (a little) your thinking about writing tests because it is different from enzyme.
You should definitely take a look at blog by Kent C. Dodds (author of testing library) if you want some in-depth knowledge about testing library!
Available on npm registry
Official docs: https://testing-library.com/docs/react-testing-library/intro
Is an end to end testing framework, which enables you to write all kinds of tests:
- Unit tests
- Integration tests
- e2e tests
It's a very nicely done framework with amazing documentation (with text and video versions!) and it's very easy to set up.
What is your tech stack for this year? What technologies do you use in combination with Vue or Angular? Tell us in comments! 🧐
This post is published on my blog, see it here!