Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Puts Debuggerer
Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Autoprefixer - so I don't have to add -moz or -webkit vendor prefixes to some CSS properties.
PostCSS Nested - so I can use Sass-like nesting.
Since my project is based on Gatsby and React, I basically created components for everything: header, footer, forms, buttons and specific content sections. And because of componentized nature of my codebase, I decided to utilize CSS Modules concept so I don't have to be worried about using too generic names for my CSS selectors and everything can be scoped locally.
I used to use Sass or Less in my previous projects but this time I wanted to try something new so I went with PostCSS which basically adds a bit of magic to normal CSS.
It's based on React and its API/documentation seems pretty straightforward and understandable. Plus I wanted to play with React a bit more.
postcss-preset-env - it lets you use some cutting-edge CSS but understandable by modern browsers.
I store everything as a GitHub repo. You may wonder if it makes any sense to do so if it's a tiny project that I don't collaborate on with anyone else... And my answer is: YES! I make small commits and this alone saved my butt once or twice already - for example when I had to restore some previous version of a component. And you're right - I don't utilize 95% of what GitHub (or Git alone) provides, but the rest 5% is still worth it.
Related posts
- Creating an Angular blog with Scully and deploying on Netlify
- How to Become a Front-End Developer?
- Build a simple E-commerce PIM with Next.js, Prisma, and Neon
- Just received an invite to complete a takehome test that requires at least 20 hours of work as the very first step of an interview.
- Milligram CSS: カスタム・ビルド (Node.js 18 on Alpine Linux 3.17 使用)