loading...
Cover image for SCSS & React dir Inception

SCSS & React dir Inception

sdll455473r7 profile image sdll ・1 min read

sdll's 1st react-app blog (3 Part Series)

1) Create-React-App or Die Tryin' 2) SCSS & React dir Inception 3) Day 3: Navbar to CSS Grids

SCSS w/ React for my Navbar


Following a tutorial that is 3-4 months out from the release date of newer pkgs, shows exactly how hard the dev world is pusshin! It's really motivating actually 😆

So I followed this awesome post on Hackernoon! This and some help from the Reactiflux community, really a fantastic group of people! Hopefully I can show my gratitude in future contributions, once we get past our /. ./ typos lol!

In short, react-app would only respond to src/base.scss not src/assets/base.scss while trying to @use 'assets/scss_nav' so we did away w/ the extra dirs and linking which resolved✨

Alt Text

Upon further perusal of the React Docs I found React's method of processing our files (specifically for create-react-app) is quite unique which may be the reason why it didn't process correctly? What do you think?

sdll imagining their directory communicating w/ ours 🤔

At any rate, I am now in the process of learning about React Router. Wish me luck! ⚛️

sdll's 1st react-app blog (3 Part Series)

1) Create-React-App or Die Tryin' 2) SCSS & React dir Inception 3) Day 3: Navbar to CSS Grids

Posted on by:

sdll455473r7 profile

sdll

@sdll455473r7

obscenely delicious taste in music and pizza toppings. loves a good game of MtG.

Discussion

markdown guide