Resources and Blog References
đź’ˇ
This page contains some of my bookmarks related to software development.
Coding/Design patterns
| Site | Description |
|---|---|
| JS Patterns (opens in a new tab) | Javascript patterns |
| Pattern.dev (opens in a new tab) | Patterns.dev is free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React. |
| React Pattern (opens in a new tab) | Get the latest React patterns, tips, and tricks right to your inbox. |
TIL
| Site |
|---|
| TIL by jbranchaud (opens in a new tab) |
| TIL by leebryon (opens in a new tab) |
Javascript/Typescript Basics
| Site |
|---|
| Type level Typescript online course (docs) (opens in a new tab) |
| You Don't Know JS (opens in a new tab) |
Testing
| Site Name | Description |
|---|---|
| Unit Testing in React (opens in a new tab) | Blog about unit testing in React by Naufaldhi |
Basic CSS Explanation
| Site Name | Description |
|---|---|
| Flexbox or Grid? (opens in a new tab) | Flexbox vs Grid explanation by Theodorus Clarence |
| Tailwind Best Practice (opens in a new tab) | Tailwind best practice by Theodorus Clarence |
| Rem, Em, or Pixel? (opens in a new tab) | Explanation about rem, em, and px by Theodorus Clarence |
| Mental Model about Flexbox (opens in a new tab) | Explanation about Flexbox by Theodorus Clarence |
Sites Related to Learning Coding or Just Reference
| Site Name | Description |
|---|---|
| Brilliant (opens in a new tab) | The best way to learn math and computer science |
| Code Simplicity (opens in a new tab) | This 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 Open (opens in a new tab) | Deep Dive Into Modern Web Development |
| Exercism (opens in a new tab) | Like Hackerank but the UI is more intuitive and it's open-source |
| Learn TDD (opens in a new tab) | âś… A brief introduction to Test Driven Development (TDD) in JavaScript (Complete Beginner's Step-by-Step Tutorial) |
| W3Schools (opens in a new tab) | The common site to learn web dev |
| Flex Froggy (opens in a new tab) | A website to learn Flexbox through mini games |
| Freecodecamp (opens in a new tab) | A popular site to learn to program |
| MDN Docs (opens in a new tab) | Resources for developers provided by MDN |
| Dev.to (opens in a new tab) | Like the medium site, but it built especially for developers around the world |
| Diskusi Tech | Like dev.to, but it's an Indonesian community |
| Product Hunt (opens in a new tab) | A site which contains unique digital products |
| AwesomeJS (opens in a new tab) | A site to find awesome package for the framework you use |
| Design System Repo (opens in a new tab) | A site that contains a lot of things about Design System |
| Spark Joy (opens in a new tab) | A list of wonderful things and tools |
| In The Cloud by Google Cloud (opens in a new tab) | Learn Google Cloud from any dev perspective |