React Dev
Power up SVGs with React and CSS
SVGs (scalable vector graphics) may be old news, but we use them in modern development stacks all of the time. Our device displays have increasingly more pixels, and SVGs can scale infinitely while staying crisp and clean. Similar to HTML, the SVG standard is based on XML and provides a way to describe shapes and…
Read MoreGnarly Learnings from November 2022
We love reading, watching, and listening in order to keep our skills sharp and our perspectives fresh. Here are some of the resources we learned from this month. Embedding with Sidekiq 7.0 Mike Perham, the creator of Sidekiq, wrote a blog post discussing one of the features of the newly released Sidekiq 7.0: embedding! Prior…
Read MoreGnarly Learnings from September 2022
We love reading, watching, and listening in order to keep our skills sharp and our perspectives fresh. Here are some of the resources we learned from this month. An Introduction to Ractors in Ruby 🚨 Experimental feature alert! 🚨Ractors were introduced in Ruby 3 and represent an actor-model abstraction. Ractors provide true-blue parallelism and do…
Read MoreGnarly Learnings from August 2022
We love reading, watching, and listening in order to constantly update our skills and learn new perspectives. Here are some of the exciting pieces we learned from this month. Digging Into Turbo with Ruby on Rails 7 This article provides a nice intro to Turbo. The author goes over the high points of frames and…
Read MoreInfinite Scroll React Example with TypeScript and NextJS
For the uninitiated, infinite scroll (otherwise known as endless scroll) refers to a method of automatically loading data when a user scrolls to the bottom of their screen, allowing them to continue browsing content with minimal effort. If you’ve been in the front-end game since the good bad old days when jQuery was bleeding edge,…
Read MoreGnarly Learnings From June 2022
We love reading, watching, and listening to constantly update our skills and learn new perspectives. Here are some of the exciting pieces we learned from this month. Goodbye, useEffect In this talk, David Khorshid discusses the awkward undesirable aspects of using useEffect to handle side effects. Specifically, useEffect’s proclivity for entering infinite loops and React…
Read MoreUnderstanding Observables in RxJS
Do you want a different way to handle state in your Javascript applications? Then I suggest giving Reactive Programming a try, and more specifically, RxJS. RxJS is a framework-agnostic library that provides tools for applying the Observer pattern. RxJS has extensive operators for handling state, and it is equipped with asynchronous event management functions. This…
Read MoreReact Component Comparison
Component? PureComponent? FSC? React.memo? Which should I use!?
Read MoreUsing the index as the iterator key in React apps is an antipattern
It’s convenient, but can lead to some surprising problems with data that needs to be updated, sorted, filtered, or changed in any way.
Read More