Resources and Blog References


This page contains some of my bookmarks related to software development.

Coding/Design patterns

JS PatternsJavascript patterns is free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.
React PatternGet the latest React patterns, tips, and tricks right to your inbox.


Javascript/Typescript Basics


Site NameDescription
Unit Testing in ReactBlog about unit testing in React by Naufaldhi

Basic CSS Explanation

Site NameDescription
Flexbox or Grid?Flexbox vs Grid explanation by Theodorus Clarence
Tailwind Best PracticeTailwind best practice by Theodorus Clarence
Rem, Em, or Pixel?Explanation about rem, em, and px by Theodorus Clarence
Mental Model about FlexboxExplanation about Flexbox by Theodorus Clarence

Sites Related to Learning Coding or Just Reference

Site NameDescription
Code SimplicityThis book contains the fundamental laws of software design—the most important facts about software development that will let you understand what is going to happen with your software system in the future, based on the actions you take now.
Fullstack OpenDeep Dive Into Modern Web Development
ExercismLike Hackerank but the UI is more intuitive and it's open-source
Learn TDD✅ A brief introduction to Test Driven Development (TDD) in JavaScript (Complete Beginner's Step-by-Step Tutorial)
W3SchoolsThe common site to learn web dev
Flex FroggyA website to learn Flexbox through mini games
FreecodecampA popular site to learn to program
MDN DocsResources for developers provided by MDN
Dev.toLike the medium site, but it built especially for developers around the world
Diskusi TechLike, but it's an Indonesian community
Product HuntA site which contains unique digital products
AwesomeJSA site to find awesome package for the framework you use
Design System RepoA site that contains a lot of things about Design System
Spark JoyA list of wonderful things and tools
In The Cloud by Google CloudLearn Google Cloud from any dev perspective