⚔️ Front-End Sharpening List

Skill Sharpening.
One focus at a time.

Choose the skill to sharpen right now. Set your priorities, give one area your attention, and return whenever you’re ready for the next.

Your current focus · Idle

Make room for your next aha.

Choose “Focus on this” below to start sharpening a skill.

Your sharpening plan

Small practice. Strong foundations.

16 skills · 12 prioritary · 4 optional

One skill can be in progress at a time. Your focus and priority tags are saved in this browser.

🔴 CoreIdle

TypeScript

Narrowing, unions, literals, interfaces/types, generics, utility types, keyof, indexed access, type guards, inference

🔴 CoreIdle

JavaScript

Closures, scope, this, promises, async/await, event loop, arrays/objects, immutability, modules

🔴 CoreIdle

React

Hooks, rendering lifecycle, state, effects, context, refs, custom hooks, composition, performance

🔴 CoreIdle

Testing

Unit vs integration vs E2E, mocking, test design, React Testing Library, Vitest/Jest

🔴 CoreIdle

Problem Solving

Arrays, strings, objects/maps/sets, transformations, common FE algorithms, complexity basics

🟠 ExpandIdle

Next.js

App Router, Server/Client Components, data fetching, caching, routing, middleware, auth, performance

🟠 ExpandIdle

Playwright

E2E flows, browser interactions, assertions, fixtures, authentication, reliable tests

🟠 ExpandIdle

CSS / Tailwind

Flexbox, Grid, responsive design, positioning, sizing, animations, accessibility

🟠 ExpandIdle

Frontend Architecture

State boundaries, API/service layers, component architecture, error handling, forms, validation

🟠 ExpandIdle

Web Fundamentals

HTTP, REST, cookies, CORS, browser storage, security basics, rendering, accessibility

🟠 ExpandIdle

Engineering Demos

Build small working demos, explain design decisions and tradeoffs, prepare walkthroughs, show results, handle technical questions

🟠 ExpandIdle

GitHub

Repositories, branches, commits, pull requests, code reviews, merge conflicts, issues, project boards, README documentation

🟡 MaintainIdle

GitHub Actions / CI

lint → typecheck → test → build → E2E; PR checks and automated workflows

🟡 MaintainIdle

System Design — Frontend

Scalability, component systems, state/data flow, caching, performance, architecture tradeoffs

🟡 MaintainIdle

Node.js

Keep fundamentals sharp: runtime, async I/O, APIs, npm ecosystem

🟡 MaintainIdle

Java / Spring Boot

Maintain rather than aggressively expand: REST, security, JPA, validation, testing, architecture