LABIA's Scripts 69 — Digital Magazine
Role
Front-End Developer
Duration
Short Term
Website
Tools Used/Explored
- ReactJS
- SCSS Modules (SCSS + CSS Modules)
- Dark mode toggle
About
This was a quick React app bootstrapped from create-react-app
where I experimented with SCSS Modules on the frontend.
My contributions involved:
- Getting the frontend up and about, receiving data from an internal API
- Design aspects of the site, including light/dark modes, some basic accessibility (font & size), loader concept
- Configuring the build process to accept SCSS + CSS Modules
Other Thoughts
Integrating SCSS Modules into create-react-app 1.x
was challenging at the time --- thankfully now included out of the box on the second version of create-react-app 2.x
. Simply renaming the stylesheet to Component.module.scss
is all it takes!