Published in Badges FC·Nov 26, 2020Appalachian FC drops one of the best badges in US soccerThe NPSL, National Premier Soccer League, announced the addition of Appalachian FC for the 2021 season. The club will play in Boone, NC, the home of Appalachian State University. Expansion in the lower divisions of US soccer is always a good thing, but their badge is next level: The most…Badges1 min readBadges1 min read
Feb 7, 2019Convert class components to functions with React HooksLast year, the React team announced hooks, a feature to more easily abstract logic into reusable components. On the day of the announcement, I wrote and article explaining how to refactor a render prop component with hook. Starting this week with release of React v16.8, …Java Script6 min readJava Script6 min read
Jan 18, 2019👍 ⚛️ — Introducing a11y-react-emojiLast April, I wrote an article titled “👋 ⚛️ — How to use emojis in React.” I felt silly for writing it and didn’t think twice when the article sat unnoticed for a few weeks. …Java Script2 min readJava Script2 min read
Jan 11, 2019Understanding and organizing dependencies in node packagesOne of the best parts of JavaScript development in 2019 is the number of awesome libraries to add to your project. By utilizing community packages, we can tap our collective knowledge and create applications that are beyond the scope of any one developer’s ability. Managing these dependencies, however, can be…Java Script4 min readJava Script4 min read
Dec 31, 20182018 into 2019As 2018 comes to a close, I was inspired by Tania Rascia to write a year in review. I’m hoping to turn this into an annual opportunity to reflect on the successes, failures, and challenges from the previous year, and set goals for the next. 2018 was probably the most…Java Script4 min readJava Script4 min read
Dec 20, 2018How (and when) to use BEM in ReactWhen working on an enterprise application, every developer should make decisions with scalability in mind. On the frontend, a major pain point for applications as they grow is their styles. Some of the style-related problems fall into the following categories: Unintended inheritance: global styles and helper classes that were created…CSS5 min readCSS5 min read
Nov 8, 2018A11y resources for universal web developmentThis is a growing collection of resources and tools for learning about and developing accessible web applications. If you have any resource suggestions, please leave a comment. 👍 Documentation Accessible Rich Internet Applications (WAI-ARIA) 1.1 by W3C Quick reference Definition of Roles Definitions of States and Properties (all aria-* attributes) Articles Overviews Accessibility | Web Fundamentals by GoogleWeb Development1 min readWeb Development1 min read
Oct 25, 2018Refactoring a render prop with hooksJust a few weeks ago, I published a guide on creating render props components. Today, at React Conf 2018, the React team announced “Hooks”, a new feature proposal in React v16.7.0-alpha, that will change the way we think about components. Hooks serve as a method for abstracting state-based logic and…React3 min readReact3 min read
Oct 9, 2018How to create a render prop componentIt’s been a year since Michael Jackson published “Use a Render Prop!” here on Medium, which encouraged using render props instead of higher order components (HOCs). Since then, “render props” has grown into a bigger and bigger buzzword in the React community. If you are new to React or just…React7 min readReact7 min read
Sep 10, 2018🚀 Deploy your code!Imagine the following scenario: you are a self-learned programmer or recent coding bootcamp graduate who is struggling to find a first development job. …Github6 min readGithub6 min read
