@tanepiper @tanner Context isn't a replacement for state management, but integral part that's missing IMHO. In the book, I go over three ways for components to communicate, best practices for declaring getters and setters (esp for form-associated), and there is a complex data model that renders a table, but chose not to employ a specific library because I thought it detracted from the mission, which was to be the best resource for #webcomponents. State is a topic for a blog post though.
@tanepiper @tanner the book follows a similar decorator pattern, so you can understand how libraries like Lit or Readymade work under the hood. In Chapter 4 you code a decorator pattern, not for state management. Kept the book so engineers only code with browser spec. Later there could be an update that implements the Context Protocol but that’s still in proposal status.
@tanepiper @tanner There’s a State decorator for #webcomponents in Readymade that enables one-way data binding in component templates, but at the expense of performance so I made it optional. In the survey that happens for web component libraries Readymade is in the middle of the pack with state management but near the top without. At the bare minimum Readymade is some decorators for handling template declaration and events, which keeps it small and performant.
Let’s reel #webdev back in from the SPA fever dream we’ve been living for years.
@jerryD That's a great idea Jerry! I used only browser specifications in the book to demo the use value of web components having zero dependencies. Good idea for a blog post or other supplemental content coming out later this year.
Virtual DOM is pure overhead #UnpopularOpinion
Tired of #React? Code #UI with vanilla #JavaScript #HTML and #CSS and gain
- interoperability
- lower learning curve
- long component lifespan
- better performance
- zero dependencies
#webcomponents FTW!
Get started today with my book Fullstack Web Components: The Complete Guide To Building UI Libraries with Web Components available on Newline!
The way you have to provide services to #React in topological order makes me want to 🤮
Yeah! Stage 3 decorators are merged into typescript! Excited to work with them. https://github.com/microsoft/TypeScript/pull/50820
I dread the time I get a ticket and have to pay the clerk because it’s either 1984 or Naked Lunch in there.
As much money as Zurich has though I saw the same train used by the #PDX Max running in that city.
Last year I tried explaining to a Swiss couple how #PDX patterned itself after European cities. They responded, “but look at how you treat the homeless” as the biggest differentiator and I couldn’t disagree, because the Swiss have programs for people in the same situation. We need to stop making excuses and enable the homeless to be part of society.
A dude was petitioning at a #PDX pod last night to start a new political party in #Oregon. He said the intent was to undermine the Democrats and Republicans and form a party for the people. I asked a few questions, offering alternatives because I wasn’t convinced. Then the guy started getting all punk rock on me and spoke in a vernacular I could understand. I signed. 😂
It’s been almost 20 years since I was hands on with a Nam June Paik Wobbulator and I’m still in disbelief I got to experiment with such an amazing relic of #videoart history.
Pretty soon it’ll be time to pick up a video camera again and make some art.
~90% of web design and development is about thinking and planning, not jumping straight into code and buildings as fast as possible. Lay a solid foundation and your future self will thank you. @andy hits the nail on the head with this excellent article https://andy-bell.co.uk/front-end-is-so-much-more-than-building-designs/
@drvolts You could get around Portland, OR by train, bus, bike, or walk. The city is quite traversable. Each neighborhood has its own identity. I frequently walk around and have no issues.
Web engineer, author, cultural critic, and artist. I’m tooting about #webdev #indierock and stuff while I code.