Frontend development isn’t just about components and styling. It also has architecture. Let’s talk about architectural patterns for frontend apps: the high-level structures that make your codebase scalable, maintainable, and sane ⬇️⬇️

After a long while of quite not understanding closures and doing a deep dive on the concept, I can finally share an article on what I've learned so far. https://t.co/1S7Hlo9tbs #JavaScript #WebDev

"Competitive Programmer’s Handbook" This FREE book of ~300 pages covers 30 important topics. A MUST for tech interviews.

If you are new to System Design, learn these 30 concepts to build a solid foundation: 1. Client-Server Architecture 2. IP Address 3. DNS 4. Proxy / Reverse Proxy 5. Latency 6. HTTP/HTTPS 7. APIs 8. Rest API 9. GraphQL 10. Databases 11. SQL vs NoSQL 12. Vertical Scaling 13.

🚀New article alert! 🚀 Posted a new article on how to implement dark / light toggle mode on NextJS. https://t.co/EhuqBnUJOR

Posted a new article on states and props in React.

Day 5 of #100DaysOfCode -> Relearning a lot on best practices when it comes to dealing with keys in React.

'export default' allows for single export from the module per file.

'export const' is a named export that exports a const declaration or declarations. In this, you can export multiple items from a module, each with its own name.

Day 4 of #100DaysOfCode -> differences between 'export const' and 'export default' in ES6.

Day 3 of #100DaysOfCode -> Default props. Having default props can be helpful for maintainability reasons, in cases such as:

Day 2 of #100DaysOfCode -> Statements Vs Expressions. An expression in JavaScript is code that produces a value e.g., [1,2,3].pop() produces 3. A statement is an instruction for the computer to do something like to create a variable or start a loop. Example includes let x = 10;

In day 1 of the #100DaysOfCode worked on testing my login API for a project I am working on. I'm currently working with Jest and Supertest, and it's quite interesting since I'm learning how unit tests work

Today is the day I figured the difference between implicit and explicit return in #React

On matters #React, I was able to learn that children can be passed as props.

7. And more importantly, sleep. Sleep helps consolidate the new information learned, transforming short term memories to long term ones.

6. Then proceed to use tools such as the Pomodoro technique (25-5 or 50-10).

5. How does one combat procrastination then? First, as mentioned in the previous post, reflect on whether there are pain points related to the task, e.g., dislike for a certain subject, and change the mindset.

4. If you're like me, the struggle with procrastination is real and is a blocker when self learning. Noting why a certain task tends to get pushed aside over others is helpful, as procrastination is often driven by the desire to avoid discomfort.