CODING WITH ESHLON

From a feature
in your head.
To work you can try.

Work through the code, the decisions, and the details with Eshlon. Keep the result close enough to question.

Get Eshlon for Windows ↗
WaypointInteractive feature example
Project overview

Website refresh

A clear place for the next release.

Update the project introductionIn progress
Review the navigationNext
Prepare release notesNext
Jump to a project. Open a page.One shortcut away.
A new example built for this page. Try searching “release”.
THE ASSIGNMENT

Add a command menu to Waypoint.

One shortcut. Every destination.
INSIDE THE IMPLEMENTATION

A small feature.
A few thoughtful changes.

Explore the entry point, the search logic, and the detail that puts focus back where it belongs.

waypoint / src⑂ command-menu
APP.TSX
useEffect(() => {
  window.addEventListener('keydown', openCommands);
  return () => {
    window.removeEventListener('keydown', openCommands);
  };
}, []);
TypeScript ReactUTF-8   ·   Example source

Give the shortcut one home.

Register the entry point at the application shell so the menu is available across the project. Remove the listener when the shell unmounts.

REVIEW THE CHANGE

See exactly
what is different.

Inspect the change in context. Here, a search becomes more forgiving without changing the destinations it returns.

TS commands.ts+5 −2   Unified view
TAKE IT FOR A SPIN

Don’t just read the code.
Feel the difference.

Type a destination. Move through the results. Try a search that finds nothing.

WaypointCommand menu
An interactive example. Your project stays untouched.
A RESULT YOU CAN WORK WITH

Try it. Question it.
Keep building.

Run through the feature, inspect the changes, and bring the next request back into the conversation. Eshlon gives that work a place to continue.

Explore the Eshlon workspace →
ESHLON FOR WINDOWS

What would you
like to build next?

Download Eshlon ↗

Bring the project. Start with the change.

Go anywhere in Waypoint