Allie Jones (@gredaline) header
Allie Jones (@gredaline) profile picture

Allie Jones

@gredaline

Design Systems Staff Engineer at @etsy, @recursecenter W'13. I like to make things out of pixels and yarn. Opinions my own, etc. (they/them)

 Brooklyn, NY
alliejon.es/
Joined July 2008
  • Tweets1.7K
  • Following353
  • Followers479
106Media
Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)Photo by Allie Jones (@gredaline)
Is your legacy software system no longer meeting your business goals? At our next #CodeAsCraft Speaker Series, Software Engineer @bellmar and Etsy’s own @gredaline will share strategies for modernizing legacy codebases. Sign up here: bit.ly/3sjCcLf
Image from Etsy Engineering (@codeascraft)
2
6
1
11
Allie Jones retweeted
Addy Osmani (@addyosmani) profile picture
Addy Osmani
@addyosmani27 Jan 2022
The Islands Architecture is cool: server-render HTML with small "islands" that get interactive independently. Explainer by @_developit: bit.ly/islands-a Etsy's usage w/Preact: bit.ly/islands-b Patterns incl w/Astro: bit.ly/islands-c
Island architecture is the idea of using partial hydration to build entire websites. Island architecture is an alternative to the popular idea of building your website into a client-side JavaScript bundle that must be shipped to the user. In an “islands” model, server rendering is not a bolt-on optimization aimed at improving SEO or UX. Instead, it is a fundamental part of how pages are delivered to the browser. The HTML returned in response to navigation contains a meaningful and immediately renderable representation of the content the user requested. — Jason Miller

ALT Island architecture is the idea of using partial hydration to build entire websites. Island architecture is an alternative to the popular idea of building your website into a client-side JavaScript bundle that must be shipped to the user. In an “islands” model, server rendering is not a bolt-on optimization aimed at improving SEO or UX. Instead, it is a fundamental part of how pages are delivered to the browser. The HTML returned in response to navigation contains a meaningful and immediately renderable representation of the content the user requested. — Jason Miller

24
145
13
802
I wrote a blog post summarizing the work I've been doing with my amazing teammates for the last two years, creating the infrastructure for server-side rendered Javascript at Etsy. I'm really proud of what we built! codeascraft.com/2021/11/04/m…
Etsy Engineering | Mobius: Adopting JSX While Prioritizing User Experience

Etsy Engineering | Mobius: Adopting JSX While Prioritizing User Experience

Keeping up with the latest developments in frontend architecture can be challenging, especially with a codebase the size and age...

etsy.com
3
9
3
32
I tech led this work, and it was by far the biggest and most ambitious engineering project of my career so far. I was super out of my comfort zone at first and there were some rough patches, but taking this from wild idea to real thing was an amazing experience. I learned a ton.
1
7
Also @esaevian and @Ch0xi (and our other not-on-twitter teammates) contributed so much and made this project so much stronger, I don't think it would have happened without them. ♥️
2
Allie Jones retweeted
Preact (@preactjs) profile picture
Preact@preactjs4 Nov 2021
Great writeup of how @Etsy implemented @ksylor's "Islands" architecture in PHP and Preact. h/t to the Etsy folks. legacy-compat was fun to build!
Ultimately we decided the benefits of Preact were worth it. As it happened, even in our large codebase the React compatibility issues turned out to be quite limited in scope. The Preact core team was also extremely responsive to our needs, and their legacy-compat package allowed us to support newer React APIs, like hooks, without rewriting all of our existing code. Preact ended up working out so well for us that we have migrated our entire codebase to it, including our five-year-old seller tools single-page app. In addition to the performance benefits, Preact’s better backwards compatibility made it easier for us to migrate our React 15 code to Preact v10 than to React 16.

ALT Ultimately we decided the benefits of Preact were worth it. As it happened, even in our large codebase the React compatibility issues turned out to be quite limited in scope. The Preact core team was also extremely responsive to our needs, and their legacy-compat package allowed us to support newer React APIs, like hooks, without rewriting all of our existing code. Preact ended up working out so well for us that we have migrated our entire codebase to it, including our five-year-old seller tools single-page app. In addition to the performance benefits, Preact’s better backwards compatibility made it easier for us to migrate our React 15 code to Preact v10 than to React 16.

This Post is from an account that no longer exists. Learn more
1
8
2
24
I'm not cool with coding gatekeeping, period. But if we reject the idea of a romanticised creative process, painting, writing and programming can be similar. All of these practices require mastering a craft and that will always require a lot of work that feels like a slog.
1
11
I'm about to spend a good chunk of my day fixing browser-specific UI bugs. That's never going to feel creatively satisfying but it sure is important for the people who actually use the software I write. teapawt.org/jcoplien/status/105142…
James Coplien (@jcoplien) profile pictureJames Coplien@jcoplien14 Oct 2018
If coding doesn't feel like painting or passionate creative writing, you have at least another level to master before calling yourself a programmer.
1
1
30
A summary of the ongoing private Slack convo between @jenfish and me: - Hi, love you! - Ugh, I'm so tired right now - Here's my new favorite incisive takedown of tech industry garbage
1
6
This entire thread is on point. teapawt.org/betsythemuffin/status/…
1
1
10
It is so tempting to get fixated on "CS fundamentals" in particular when you don't have a CS degree and are worried you don't have the credentials to be a "real" developer. I've been there and have the unfinished Coursera algorithms class to prove it, hah.
1
5
I think it's not only unclear how to teach skills like debugging, it can be hard to notice you've gotten good at them in the first place. I didn't realize reading a stack trace or digging through source code were specific skills I'd improved until I paired with newer devs.
5
White fragility functions as a form of bullying: “I am going to make it so miserable for you to confront me that you will simply back off.” medium.com/s/story/how-white…
14
120
19
316
I’m trying to learn how to adjust pants patterns to make them fit me well (a pretty notoriously challenging thing). I did not anticipate this would mean my camera roll would be full of mirror selfies of my butt in unflattering pants, but here we are.
1
10
The most stereotypically millennial thing I do is feel vaguely sad, buy some houseplants, and remain steadfastly optimistic that I'm going to keep them all alive this time despite all prior evidence.
15
Hey, my team at Etsy is hiring a FE engineer! We've got a lot of interesting work to do and also we're all quite funny and nice. (Remote friendly too!) jobs.lever.co/etsy/7937156f-…
1
1
1
8
Allie Jones retweeted
Laurie Voss (@seldo) profile picture
Laurie Voss
@seldo10 Feb 2018
Is JavaScript poorly designed? Sure. So is every other programming language. We've never built one we really like. Don't blame JavaScript for "deliver one piece of software that renders well on 6 billion screen sizes" being a hard problem.
7
49
7
259
This morning I realized it is probably unusual that our household has designated "ranting about politics and tech" time (after first cup of coffee, before leaving for work) and our neighbors probably wonder why we're yelling about Mark Zuckerberg and Elon Musk so much.
1
18
This was the bathroom mirror in a school I was in over the weekend. 1. WTF high school girls don’t deserve this garbage in their own dang bathroom. 2. Excellent “vandalism” choice on their part. I laughed.
Image from Allie Jones (@gredaline)
10
Load more