February 5, 2023
Updating my Portfolio website after 3years of working as front-end developer using ReactJs and NextJs.
Creating sticky navigation or a sidebar? Here's a quick html and css only approach.
Let’s create a simple notification component without using any library.
Here’s a great way to use your `@media` queries without thinking of what kind of break-point to set in your `min-widht` or `max-width`.
All right, this one was so FUN! ( emphasis on Fun! ). I’ve been trying to do this for a couple of days and finally managed to find a solution. Thanks, ChatGPT!
Creating a useState method using vanilla javascript.
Why export in javascript? - cleaner code - one source of files to look into - utils folder is a good way to use exports
I usually just use an index for my key values when creating a list of items in React and for me, that will do. This will solve my "You need a key for your list items" warning message in my console when building React application.
Making sure my layout is full height when using flexbox. Header always on top, footer always on the bottom is key 🔑
If you’ve been doing ReactJS for some time you know that it’s a lot of work to do <Forms /> in React. There’s just too much stuff you have to do and consider. You have to do your own state management for the inputs else it’ll not work.
I like using styled-component for my project because I have to put the style inside my component rather than putting it in some folder to make it more organized!