Updated to latest post and image content, oops
This commit is contained in:
Ava Gaiety Wroten
parent
61559ed524
commit
7366698c97
54 changed files with 191 additions and 57 deletions
10
content/.obsidian/workspace
vendored
10
content/.obsidian/workspace
vendored
|
|
@ -9,7 +9,7 @@
|
|||
"state": {
|
||||
"type": "markdown",
|
||||
"state": {
|
||||
"file": "posts/a_modern_terminal_workflow_3.md",
|
||||
"file": "posts/austin-givecamp-2019.md",
|
||||
"mode": "source",
|
||||
"source": false
|
||||
}
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
"state": {
|
||||
"type": "backlink",
|
||||
"state": {
|
||||
"file": "posts/a_modern_terminal_workflow_3.md",
|
||||
"file": "posts/austin-givecamp-2019.md",
|
||||
"collapseAll": false,
|
||||
"extraContext": false,
|
||||
"sortOrder": "alphabetical",
|
||||
|
|
@ -89,6 +89,8 @@
|
|||
},
|
||||
"active": "a8e90712c1fef449",
|
||||
"lastOpenFiles": [
|
||||
"posts/austin-givecamp-2019.md",
|
||||
"posts/allovue.md",
|
||||
"posts/a_modern_terminal_workflow_3.md",
|
||||
"index.md",
|
||||
"posts/deving_on_linux_is_fun.md",
|
||||
|
|
@ -96,8 +98,6 @@
|
|||
"posts/code2college-volunteering.md",
|
||||
"posts/catjingle-5k-a-first.md",
|
||||
"posts/blm.md",
|
||||
"posts/best-improv-performance-yet.md",
|
||||
"posts/a_modern_terminal_workflow_2.md",
|
||||
"posts/ember-modifiers.md"
|
||||
"posts/best-improv-performance-yet.md"
|
||||
]
|
||||
}
|
||||
BIN
content/images/gaad2021.jpeg
Normal file
BIN
content/images/gaad2021.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 267 KiB |
BIN
content/images/magnoliajs2021.png
Normal file
BIN
content/images/magnoliajs2021.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 778 KiB |
BIN
content/images/oncue.jpg
Normal file
BIN
content/images/oncue.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
content/images/react-hooks-error.png
Normal file
BIN
content/images/react-hooks-error.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 313 KiB |
|
|
@ -4,7 +4,7 @@ date: 2019-01-06T02:38:11.836Z
|
|||
tags:
|
||||
- Furry
|
||||
- Volunteering
|
||||
coverImage: images/47110974_2257858057793481_3035723263510177461_n.jpg
|
||||
coverImage: /images/47110974_2257858057793481_3035723263510177461_n.jpg
|
||||
description: Volunteering with Austin Humane Society
|
||||
---
|
||||
Q2 collaborated with the Austin Humane Society to host a Pup Pub Crawl! And that just wouldn't be complete without a pup, so I volunteered to make some people smile.
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Career
|
||||
- Tech
|
||||
- Ember
|
||||
coverImage: images/allovue-team-page.png
|
||||
coverImage: /images/allovue-team-page.png
|
||||
description: >-
|
||||
Proud to announce I'm now a Software Engineer at Allovue!
|
||||
---
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Austin Givecamp 2019
|
|||
date: 2019-04-01T01:30:47.065Z
|
||||
tags:
|
||||
- Volunteering
|
||||
coverImage: images/56656354_430749637673816_8996689288576913577_n.jpg
|
||||
coverImage: /images/56656354_430749637673816_8996689288576913577_n.jpg
|
||||
description: Another non-profit site launched!
|
||||
---
|
||||
Had a productive weekend with the lovely folks at [Austin Givecamp](https://www.austingivecamp.org/) rebuilding the Stronger Than DIPG site! <https://strongerthandipg.org/>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Batch of Kobolds!
|
|||
date: 2019-05-03T23:32:11.268Z
|
||||
tags:
|
||||
- Mini
|
||||
coverImage: images/kobolds.jpg
|
||||
coverImage: /images/kobolds.jpg
|
||||
description: >-
|
||||
First true dive into painting minis, this is going to be a wonderfully
|
||||
dangerous hobby!
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Best Improv Performance Yet!
|
|||
date: 2019-02-25T02:14:25.801Z
|
||||
tags:
|
||||
- Stage
|
||||
coverImage: images/screenshot_20190224-234525_firefox_focus.jpg
|
||||
coverImage: /images/screenshot_20190224-234525_firefox_focus.jpg
|
||||
description: Just sharing a little joy real quick!
|
||||
---
|
||||
It's difficult to put into words just how great this improv show was. Take my word for it and watch it here! https://www.twitch.tv/videos/391582582?filter=highlights&sort=time
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Catjingle 5k - A First!
|
|||
date: 2018-12-16T02:22:33.382Z
|
||||
tags:
|
||||
- Life
|
||||
coverImage: images/img_20181215_095034-01.jpeg
|
||||
coverImage: /images/img_20181215_095034-01.jpeg
|
||||
description: "\U0001F3C3♀️\U0001F3C3♂️ \U0001F3C3♀️\U0001F3C3♂️"
|
||||
---
|
||||
Such a rewarding experience! A lot of hard work has paid off, now for the next goal! Which I haven't decided yet... :)
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2018-12-13T02:24:23.863Z
|
|||
tags:
|
||||
- Volunteering
|
||||
- Life
|
||||
coverImage: images/code2college.jpg
|
||||
coverImage: /images/code2college.jpg
|
||||
description: Volunteering with Code2College has been very worthwhile!
|
||||
---
|
||||
Volunteering with Code2College has been very worthwhile! They let Hopper help out too :D
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Code2College - Volunteering
|
|||
date: 2018-12-02T02:42:01.215Z
|
||||
tags:
|
||||
- Volunteering
|
||||
coverImage: images/47045438_2324370420967823_4079771929509666743_n.jpg
|
||||
coverImage: /images/47045438_2324370420967823_4079771929509666743_n.jpg
|
||||
description: 'Interview Prep, Cirriculum Development'
|
||||
---
|
||||
Hopper and I have been assisting Code2College whenever we can this year! Be it interview practice, resume reviews, or rewriting the HTML/CSS/JS cirriculum. This year there will be a significant section focused around A11y! It's difficult to express how important it is to teach this early.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Coming Out Again - NB
|
|||
date: 2019-06-22T19:28:53.140Z
|
||||
tags:
|
||||
- Queer
|
||||
coverImage: images/20190621_082815-01.jpeg
|
||||
coverImage: /images/20190621_082815-01.jpeg
|
||||
description: >-
|
||||
Queer folx are always coming out again and again. So, let's run the tape once
|
||||
more! Non-binary edition.
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-02-17
|
|||
tags:
|
||||
- Art
|
||||
- Design
|
||||
coverImage: images/crabs.png
|
||||
coverImage: /images/crabs.png
|
||||
description: Diving headfirst into pixel art for Twitch Streaming
|
||||
---
|
||||
Buddy of mine [Yuushagani](https://www.twitch.tv/yuushagani) started really getting into Twitch streaming recently and needed some art done. I was happy to jump in where I could!
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-09-15
|
|||
tags:
|
||||
- Tech
|
||||
- Python
|
||||
coverImage: images/divisbility-rules.jpg
|
||||
coverImage: /images/divisbility-rules.jpg
|
||||
description: >-
|
||||
Fun Python side project inspired by VSauce.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: 'Donating a Painting: Art Erotica 2019'
|
|||
date: 2019-05-19T23:19:03.974Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/arterotica-2019.jpg
|
||||
coverImage: /images/arterotica-2019.jpg
|
||||
description: Today marks the first public viewing of my art in a physical space!
|
||||
---
|
||||
[Art Erotica 2019](http://octopusclub.org/event/arterotica-2019/) is an annual donation-based art auction with adult themes where "100% of the money spent at the event will go directly to this fund, which assists our friends and neighbors living with HIV and AIDS in times of crisis, helping them to pay for food, rent, utilities, eyeglasses, and even medicine not covered by Medicaid.".
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2021-04-12
|
|||
tags:
|
||||
- Tech
|
||||
- Devtools
|
||||
coverImage: images/ghost-comet.png
|
||||
coverImage: /images/ghost-comet.png
|
||||
description: Fish, Tmux, Kitty and NeoVim with some modern plugins. Available for Linux and OSX.
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Druid Portrait Photoshoot
|
|||
date: 2018-07-25T01:55:14.670Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/37182734_1044683772373630_5115959614709432320_n.jpg
|
||||
coverImage: /images/37182734_1044683772373630_5115959614709432320_n.jpg
|
||||
description: Outdoor photoshoot with my BFF.
|
||||
---
|
||||
Shooting on a Nikon D40.
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-04-01
|
|||
tags:
|
||||
- Tech
|
||||
- Ember
|
||||
coverImage: images/introducing-ember-modifiers.png
|
||||
coverImage: /images/introducing-ember-modifiers.png
|
||||
description: >-
|
||||
"Introducing Ember Modifiers" as presented at Ember ATX in April, 2020.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Tech
|
||||
- A11y
|
||||
- Ember
|
||||
coverImage: images/emberconf-2020-accepted-cfp.png
|
||||
coverImage: /images/emberconf-2020-accepted-cfp.png
|
||||
description: >-
|
||||
"A11y First, and Everyone Wins" will be presented by yours truly at Ember Conf 2020.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Tech
|
||||
- A11y
|
||||
- Ember
|
||||
coverImage: images/a11yfirst.png
|
||||
coverImage: /images/a11yfirst.png
|
||||
description: >-
|
||||
"A11y First, and Everyone Wins" as presented at Ember Conf 2020.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -33,8 +33,8 @@ ember install ember-modifier
|
|||
|
||||
Below is an example for how to track the focus state of a DOM element.
|
||||
|
||||
```handlebars
|
||||
{{! my-component.hbs }}
|
||||
```html
|
||||
{{!-- my-component.hbs --}}
|
||||
<button
|
||||
{{on 'focus' this.handleFocus}}
|
||||
{{on 'blur' this.handleBlur}}
|
||||
|
|
@ -143,8 +143,8 @@ module('Integration | Modifier | key-down', function(hooks) {
|
|||
|
||||
A simple example of a focusable element listening for the Enter key to be pressed.
|
||||
|
||||
```handlebars
|
||||
{{! my-component.hbs }}
|
||||
```html
|
||||
{{!-- my-component.hbs --}}
|
||||
<button
|
||||
{{key-down this.handleEnter key='Enter'}}
|
||||
My Button
|
||||
|
|
@ -169,8 +169,8 @@ _Note, often times it may be better to listen for keyup rather than keydown for
|
|||
|
||||
Sometimes you simply want to stop the default behavior of a key, such as scrolling down with an arrow key.
|
||||
|
||||
```handlebars
|
||||
{{! my-component.hbs }}
|
||||
```html
|
||||
{{!-- my-component.hbs --}}
|
||||
<dialog
|
||||
tabindex="0"
|
||||
role='dialog'
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Ember
|
||||
- A11y
|
||||
- Tech
|
||||
coverImage: images/embernewlang-rfc-merged.png
|
||||
coverImage: /images/embernewlang-rfc-merged.png
|
||||
description: >-
|
||||
`ember new --lang` Ember CLI flag RFC merged!
|
||||
---
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-06-08
|
|||
tags:
|
||||
- Ember
|
||||
- Tech
|
||||
coverImage: images/ember-new-lang.png
|
||||
coverImage: /images/ember-new-lang.png
|
||||
description: >-
|
||||
RFC goes into final comment period for `ember new --lang` flag.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Tech
|
||||
- A11y
|
||||
- Ember
|
||||
coverImage: images/ember-select-light-tailwind-animated.gif
|
||||
coverImage: /images/ember-select-light-tailwind-animated.gif
|
||||
description: >-
|
||||
Ember-Select-Light is an Ember Addon focused on simplicity. Just powerful enough to offer expected baseline functionality while being easy to implement, style, and make accessible.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Falling - Spraypaint on Canvas
|
|||
date: 2018-05-29T01:58:04.961Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/32212355_431214710638185_4744749014405087232_n.jpg
|
||||
coverImage: /images/32212355_431214710638185_4744749014405087232_n.jpg
|
||||
description: 'Never made something like this before, I''m quite proud of the result!'
|
||||
---
|
||||
Some process shots:
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Final Improv Show(?)
|
|||
date: 2019-04-08T23:35:11.524Z
|
||||
tags:
|
||||
- Stage
|
||||
coverImage: images/screen-shot-2019-06-22-at-7.49.41-pm.png
|
||||
coverImage: /images/screen-shot-2019-06-22-at-7.49.41-pm.png
|
||||
description: 'A curtain closes, but only after so much growth and laughs!'
|
||||
---
|
||||
Had my last improv show as a performer for the foreseeable future. Was an absolute blast and who knows, maybe after a long break I'll return to the stage again :) I grew so much along the way
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-06-10
|
|||
tags:
|
||||
- Unity
|
||||
- Games
|
||||
coverImage: images/forest-sprites-preview.png
|
||||
coverImage: /images/forest-sprites-preview.png
|
||||
description: >-
|
||||
Back in the day I was very into Flash, now Unity is a new hobby of mine. Check out this preview for my upcoming first game: Forest Sprites.
|
||||
---
|
||||
|
|
|
|||
28
content/posts/gaad2021.md
Normal file
28
content/posts/gaad2021.md
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
title: 'Global Accessibility Awareness Day @ Oncue'
|
||||
date: 2021-05-21
|
||||
tags:
|
||||
- Career
|
||||
- A11y
|
||||
coverImage: /images/gaad2021.jpeg
|
||||
description: >-
|
||||
Because we all need to start somewhere! Getting the team onboard as I rock the boat for positive change.
|
||||
---
|
||||
|
||||
[Global Accessibility Awareness Day (or GAAD)](https://globalaccessibilityawarenessday.org/) is a wonderful time of year to get your team onboard with a wide range of topics around a11y.
|
||||
|
||||
I collaborated with my same-day hire buddy [Jennifer Wisniewski](https://www.linkedin.com/in/jwdesign/) to discuss the what, how and why behind embracing a11y for Oncue's future.
|
||||
|
||||
First we needed to cover what a11y was, and to that we primarily referenced [figma's Accessibility and Inclusion](https://www.figma.com/resources/learn-design/inclusion/) article. Our focus was on how we can make a meaningful impact.
|
||||
|
||||
> Directly impacting the world's largest minority (people with disabilities).
|
||||
|
||||
We then focused on how product accessibility can be improved. This included some proposed agile epics, goals and milestones. We briefly touched on technologies, but this was just the lightest touch on how we can get the conversation started.
|
||||
|
||||
> Much like automation testing, while achieving 100% coverage is challenging, the first 50% is easily achievable.
|
||||
|
||||
Next we discussed a11y within the organization. This covered company culture and improving our [hiring best practices](https://projectinclude.org/hiring).
|
||||
|
||||
Lastly, we opened the floor for conversation and additional thoughts. A key takeaway during this time was my boss speaking on her insight from her first time trying to use a web app purely with a screen-reader and how drastically different and potentially difficult it can be.
|
||||
|
||||
I'm hoping for much more of this kind of collaborative discussion in the future to establish some meaningful improvements for our users (movers), their users (customers), and our own employees.
|
||||
|
|
@ -3,7 +3,7 @@ title: Galaxy Painting Series
|
|||
date: 2018-12-08T02:47:20.427Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/45376355_2193787814168674_5722991029764915435_n.jpg
|
||||
coverImage: /images/45376355_2193787814168674_5722991029764915435_n.jpg
|
||||
description: A whole galaxy of space paintings.
|
||||
---
|
||||
Practice makes perfect! I'm so proud of how these turned out. I've been gifting them to interested friends whenever possible.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Galaxy Paws - Painting
|
|||
date: 2018-05-29T02:00:33.018Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/33316494_439619899815931_6064339933273784320_n.jpg
|
||||
coverImage: /images/33316494_439619899815931_6064339933273784320_n.jpg
|
||||
description: Spraypaint and Acrylic
|
||||
---
|
||||
Spraypaint and Acrylic
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2019-06-10T18:35:00.873Z
|
|||
tags:
|
||||
- Mini
|
||||
- Art
|
||||
coverImage: images/barbarian-mini.jpg
|
||||
coverImage: /images/barbarian-mini.jpg
|
||||
description: Quite proud of how this turned out! Starting to really gain some confidence.
|
||||
---
|
||||
Implemented some drybrushing techniques and some experiments with washes. Plenty of room to improve but I'm stoked to have painted something that looks like you could buy in a store!
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: 'Proud Home Owner'
|
|||
date: 2019-10-10
|
||||
tags:
|
||||
- Life
|
||||
coverImage: images/home-owner.jpg
|
||||
coverImage: /images/home-owner.jpg
|
||||
description: >-
|
||||
Wow it's been a busy few weeks! I now am an official home owner.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Inktober 2018
|
|||
date: 2018-10-02T01:51:53.033Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/41950359_289287831678737_4625081179150108772_n.jpg
|
||||
coverImage: /images/41950359_289287831678737_4625081179150108772_n.jpg
|
||||
description: An annual drawing-a-day challenge.
|
||||
---
|
||||
An annual drawing-a-day challenge.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: 'Life Training: Gun Retention Course'
|
|||
date: 2019-05-12T23:26:43.845Z
|
||||
tags:
|
||||
- Life
|
||||
coverImage: images/59588853_636966910063318_6728622407719280293_n.jpg
|
||||
coverImage: /images/59588853_636966910063318_6728622407719280293_n.jpg
|
||||
description: >-
|
||||
This weekend I completed an intensive gun retention course. Always learn life
|
||||
skills!
|
||||
|
|
|
|||
|
|
@ -17,5 +17,5 @@ Stay strong and support one-another in these difficult times. BLM and pride mont
|
|||
|
||||
---
|
||||
|
||||
[Resume](https://www.wroten.me/resume.pdf)
|
||||
[Resume](https://gaiety.me/files/resume.pdf)
|
||||
[Contact Me ava@wroten.me](mailto:ava@wroten.me)
|
||||
|
|
|
|||
22
content/posts/magnoliajs2021.md
Normal file
22
content/posts/magnoliajs2021.md
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
---
|
||||
title: 'Building the Dream UI Component Library talk at MagnoliaJS'
|
||||
date: 2021-05-25
|
||||
tags:
|
||||
- Career
|
||||
- Talk
|
||||
- React
|
||||
- Storybook
|
||||
- A11y
|
||||
coverImage: /images/magnoliajs2021.png
|
||||
description: >-
|
||||
Storybook, a11y, ui components and react, oh my! A fun talk at MagnoliaJS where I was invited to speak.
|
||||
---
|
||||
|
||||
I had a real blast speaking at [MagnoliaJS](https://www.magnoliajs.com/) this year!
|
||||
|
||||
> A well made app is visually consistent, appealing, and usable. What does it look like to build a system that can engineers, designers, quality assurance, and product can use to make all of this happen? Let's dive into the standards and technologies that have gone into building the new design system at Oncue with accessibility and testing in mind.
|
||||
|
||||
[](https://www.youtube.com/watch?v=5KlBtfO1CmU)
|
||||
|
||||
* ["Slides", relevant URL's can be found here](https://www.notion.so/hergaiety/Building-the-Dream-UI-Component-Library-df5e59e84fcc4b02a9b77f5f33cfded2)
|
||||
* [Noti.st](https://noti.st/gaiety/dVFVTk/building-the-dream-ui-component-library)
|
||||
|
|
@ -4,7 +4,7 @@ description: Painting on Aluminum, Ooooooo~
|
|||
date: 2019-07-28
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/metal-skies.jpg
|
||||
coverImage: /images/metal-skies.jpg
|
||||
---
|
||||
|
||||
Excitedly picked up some aluminum art supplies from a local shop in Austin ([Jerry's Artarama](https://www.jerrysretailstores.com/austin-tx/)) and after a few months of them sitting in a corner, this is what came of it! I'm quite proud of it. This will be added to [the art gallery](https://gaiety.gallery/), possibly in higher quality later.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Minimalist - Spray Paintings
|
|||
date: 2018-06-09T02:02:08.628Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/34392035_379257415897491_1831916986125254656_n.jpg
|
||||
coverImage: /images/34392035_379257415897491_1831916986125254656_n.jpg
|
||||
description: Minimalism meets Spraypaint
|
||||
---
|
||||
Wanted to see what was possible combining the common street painting methods of spray paint with the high brow art of minimalism. These pieces mean a lot to me that are difficult to put into words, so I'll let them speak for themselves.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Moving on from Q2
|
|||
date: 2019-08-02
|
||||
tags:
|
||||
- Career
|
||||
coverImage: images/goodbye-q2.jpg
|
||||
coverImage: /images/goodbye-q2.jpg
|
||||
description: So many memories, so much growth - yet it's time to move on!
|
||||
---
|
||||
|
||||
|
|
|
|||
18
content/posts/oncue.md
Normal file
18
content/posts/oncue.md
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
title: 'UI Engineer @ Oncue'
|
||||
date: 2021-04-19
|
||||
tags:
|
||||
- Career
|
||||
- Tech
|
||||
- React
|
||||
- Storybook
|
||||
- UI
|
||||
- UX
|
||||
coverImage: /images/oncue.jpg
|
||||
description: >-
|
||||
I'll be wearing both my designer and software engineer hat to build accessible usable software.
|
||||
---
|
||||
|
||||
Building and maintaining an accessible, test driven, and mobile first UI Component library in Storybook.
|
||||
|
||||
I'll also be collaborating with design and product teams to establish a robust design system. Lots of exciting projects coming up!
|
||||
|
|
@ -3,7 +3,7 @@ title: Owning Your Identity - Nickname Change
|
|||
date: 2019-02-26T02:33:23.917Z
|
||||
tags:
|
||||
- Queer
|
||||
coverImage: images/jo.jpg
|
||||
coverImage: /images/jo.jpg
|
||||
description: Officially have my new preferred name at work!
|
||||
---
|
||||
As I continue to embrace my queer identity I made the decision to publicly replace my nickname from Joe to Jo. A single letter drop, but it's difficult to express how much this means to me on the inside. Lessening the masculinity associated with my given-name while still showing respect to my family is a major milestone.
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: Eleventy, Tailwind UI, Digital Ocean Apps and my Portfolio 2021
|
||||
description: Highlighting my work history, code, volunteering and more on some interesting tech.
|
||||
coverImage: images/2021-portfolio.png
|
||||
coverImage: /images/2021-portfolio.png
|
||||
date: 2021-02-28
|
||||
tags:
|
||||
- Tech
|
||||
|
|
@ -22,5 +22,5 @@ Suddenly you're building a site with markdown! For simple sites you can point to
|
|||
|
||||
Of course, Eleventy allows you to customize html layouts and more as much as you like, but it's never required. This simplicity of being able to launch a usable site in so few steps and few files makes it a winner in my book.
|
||||
|
||||
[Check out my latest Portfolio](https://www.wroten.me/) built with the above tools or [fork it on GitLab](https://gitlab.com/gaiety/portfolio).
|
||||
[Check out my latest Portfolio](https://gaiety.me/) built with the above tools or [fork it on GitLab](https://gitlab.com/gaiety/portfolio).
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-06-19
|
|||
tags:
|
||||
- Unity
|
||||
- Games
|
||||
coverImage: images/laserlink-cover.jpg
|
||||
coverImage: /images/laserlink-cover.jpg
|
||||
description: >-
|
||||
Introducing: Laser Link, a sliding space-themed puzzle game for Windows.
|
||||
---
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2020-06-12
|
|||
tags:
|
||||
- Unity
|
||||
- Games
|
||||
coverImage: images/puzzlejamii.gif
|
||||
coverImage: /images/puzzlejamii.gif
|
||||
description: >-
|
||||
It begins! 8 Bits to Infinity's Puzzle Jam II
|
||||
---
|
||||
|
|
|
|||
66
content/posts/react-peer-dependencies.md
Normal file
66
content/posts/react-peer-dependencies.md
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
---
|
||||
title: 'React Library and Peer Dependency Woes'
|
||||
date: 2021-06-22
|
||||
tags:
|
||||
- React
|
||||
- Tech
|
||||
- NPM
|
||||
- OSS
|
||||
description: >-
|
||||
Building and consuming React libraries have a less than optimally documented trouble... peer dependencies. Let's discuss how to solve that!
|
||||
---
|
||||
|
||||
You've been building your React component library, perhaps a UI Design System or a useful component you wish to share with the world. Your tests pass and it works great! Then, _you try consuming your component in another React app and suddenly you're met with the following error_:
|
||||
|
||||
> 
|
||||
|
||||
Worse yet is the [suggested documentation page](https://reactjs.org/warnings/invalid-hook-call-warning.html) suggests three very different possible reasons this error could occur. I'm here to say that so long as you're using hooks appropriately, the trouble lies in React peer dependencies resulting in you unknowingly having multiple versions of React.
|
||||
|
||||
## How to fix this
|
||||
|
||||
Whether you've set up your React library with [create-react-library](https://www.npmjs.com/package/create-react-library) or [create-react-app](https://www.npmjs.com/package/create-react-app) the first thing to check is your own `./package.json`. If you see `react` or `react-dom` inside of your `dependencies` or `devDependencies` then you've already found the issue!
|
||||
|
||||
> Ensure `react` and `react-dom` only exist within a `peerDependnecies` block.
|
||||
|
||||
You'll also want to manually remove them from the `./node_modules` directory in case they exist already.
|
||||
|
||||
```sh
|
||||
rm -rf node_modules/react node_modules/react-dom
|
||||
```
|
||||
|
||||
At this point your issue is likely solved in the consuming app.
|
||||
|
||||
### Fixing the fix... running tests and developing the addon locally
|
||||
|
||||
Okay great, if this works then you'll soon realize that you're unable to run tests or otherwise develop your addon locally at all because you need `react` and `react-dom`. The unfortunate reality is that you'll need to be intentional about when you install peer dependencies depending on what you're doing.
|
||||
|
||||
```sh
|
||||
npm i --no-save react react-dom # this will not affect your package.json, and they may be auto-removed on the next npm install or yarn run
|
||||
```
|
||||
|
||||
If you're finding this annoying, you may opt to add some scripts to your `./package.json` to make installing and removing peer dependencies really easy. You may also then call them as prerequesit commands to your other standard commands.
|
||||
|
||||
```json
|
||||
{
|
||||
scripts: {
|
||||
"peers:install": "npm i --no-save react react-dom",
|
||||
"peers:remove": "rm -rf node_modules/react node_modules/react-dom",
|
||||
|
||||
"prebuild": "npm run peers:remove",
|
||||
"build": "echo pretend this command built your library",
|
||||
|
||||
"pretest": "npm run peers:install",
|
||||
"test": "echo pretend this command built your library",
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## Still having trouble? Check your sub-dependencies
|
||||
|
||||
Even after all of the above work I still ran into trouble. It turns out, this issue flows all the way down to literally any additional copy of `react` or `react-dom` from any dependency in the chain. I discovered this by wiping out my dependencies in large sections until my library successfully compiled for the consuming app, and then proceeded to narrow it down.
|
||||
|
||||
For me, I discovered that [storybook-mobile](https://github.com/aholachek/storybook-mobile), an optional storybook addon I was using, was having the very same issue of including `react` and `react-dom` in its `devDependencies`. It's an easy issue to miss, so I [wrote up a detailed issue](https://github.com/aholachek/storybook-mobile/issues/25) and [submitted a PR to fix](https://github.com/aholachek/storybook-mobile/pull/26) it. Thankfully, this turned out to be a success story and the latest release works wonderfully.
|
||||
|
||||
---
|
||||
|
||||
So in conclusion, be super careful that there aren't more than one `react` or `react-dom` dependencies _anywhere at all in your dependency tree_ besides in your main app. Only one copy may exist anywhere at any time.
|
||||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Career
|
||||
- Tech
|
||||
- Devtools
|
||||
coverImage: images/laptop.jpg
|
||||
coverImage: /images/laptop.jpg
|
||||
description: >-
|
||||
Very excited to be using Linux fulltime! View the full post to read about the
|
||||
tech and some new fancy dotfiles for 2019.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Silhouette Spray Paintings
|
|||
date: 2018-06-22T02:05:15.636Z
|
||||
tags:
|
||||
- Art
|
||||
coverImage: images/35180217_197934311038987_8994215560015249408_n.jpg
|
||||
coverImage: /images/35180217_197934311038987_8994215560015249408_n.jpg
|
||||
description: >-
|
||||
A collection of silhouette based spraypaint and acrylic modified paintings on
|
||||
canvas.
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Career
|
||||
- Tech
|
||||
- Ember
|
||||
coverImage: images/skillsengine.png
|
||||
coverImage: /images/skillsengine.png
|
||||
description: >-
|
||||
Proud to announce I'm now an engineer at SkillsEngine!
|
||||
---
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Ember
|
||||
- A11y
|
||||
- Tech
|
||||
coverImage: images/testjssummit.png
|
||||
coverImage: /images/testjssummit.png
|
||||
description: >-
|
||||
I'll be speaking on Achieving A11y Automation Testing in January 2021. Sign up now!
|
||||
---
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ tags:
|
|||
- Ember
|
||||
- A11y
|
||||
- Tech
|
||||
coverImage: images/testjssummit-happening.jpg
|
||||
coverImage: /images/testjssummit-happening.jpg
|
||||
description: >-
|
||||
Achieving A11y Automation Testing!
|
||||
---
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Three Years at Q2
|
|||
date: 2019-07-11T13:32:53.678Z
|
||||
tags:
|
||||
- Career
|
||||
coverImage: images/microsoftteams-image.png
|
||||
coverImage: /images/microsoftteams-image.png
|
||||
description: >-
|
||||
_Technically_ I've been here closer to four, but who's counting! It's been a
|
||||
good few years.
|
||||
|
|
@ -14,4 +14,4 @@ It's been quite a ride building out features, fixing bugs, driving innovation an
|
|||
|
||||
A huge thanks to some of my biggest mentors I've been lucky to work with including, but not limited too; Toran Billups, Bill Heaton, Chase McCarthy and Jeffery Biles.
|
||||
|
||||
For a glance into the kind of work I've done, [visit my Portfolio](https://www.wroten.me/innovating%20in%20finx).
|
||||
For a glance into the kind of work I've done, [visit my Portfolio](https://gaiety.me/work/q2/).
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date: 2019-08-07
|
|||
tags:
|
||||
- Mini
|
||||
- Gaming
|
||||
coverImage: images/ultimate-dungeon-terrain-3.jpg
|
||||
coverImage: /images/ultimate-dungeon-terrain-3.jpg
|
||||
description: In preparation of running Dungeon of the Mad Mage... the most flexible solution to dungeon tiles has been crafted!
|
||||
---
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue