@kristiingco
Latest comments
- @jemeneradev
Personally, I find css preprocessor quite useful. With scss, for example, you can nest css definitions. That makes things logical and neat. You can also have modules and mixins that act a type of style inheritance, so you don't have to repeat common styles. Not to mention loops in css.
For clean css, you'll just have to look at different approaches. For instance, nowadays, tailwind css is all the rave. I tend to stay away from that because it makes the markup too cluttered. You could also checkout bem (http://getbem.com/introduction/).
As far as I know, gatsby is content management system, so between the two, I would opt for nextjs.
Regarding component structure. One rule I follow is, if I find myself repeating code, more than likely it can be group logically.
Marked as helpful - @Wissemh@jemeneradev
console.log() is your friend. You should log out values that you know should be true when you do an action.
For example: if I press the reset button, bill amount should be 0, log it out in the reset button click event handler.
- @mlatka9@jemeneradev
The animations add to the awesomeness of the app! Great job! I am guessing the opponent chooses at random, right?
- @zentyk@jemeneradev
You need rounder corners, the font type is correct, and the paragraph has to be aligned center.
For a second I thought you were wearing fpv googles.
Marked as helpful - @raphaelnnadi
- @anetaanette@jemeneradev
Js is most often used to pull or push data to a server, complex user interactions/animations, and html dom manipulations (this is more true if you are using a framework).
With this project, I guess you could mock pulling the storage amount from a mocked api.
You could check out :
https://developer.mozilla.org/en-US/docs/Learn
to learn more about web development.
