Hand-picked components and libraries to help you build your next hot app.
Awesome React starter kits to kick your app development into high gear.
Not interested in reinventing the wheel? Neither am I. Here’s a short list of awesome boilerplates – sometimes called starter kits or seeds – for getting your React applications off the ground in a hurry.
So without further ado…
I’ve long been inspired by the work of Steve Souders. Back in 2009 Steve published an article titled Loading Scripts Without Blocking, which I first became aware of and studied during my time at Orbitz – where every millisecond a user waited for the page to load had a measurable impact to the business.
Hugo starter kits, tools and themes to kick your development into high gear.
How to create your own email forwarding service using Serverless and Lambda.
In 2016 this website underwent a major overhaul. I took it off my simple Docker set-up and moved it to S3 with CloudFront. The process of which enabled me to reduce hosting costs by 80% all while increasing reach and decreasing page load times globally.
But static websites have a perceived disadvantage: they’re static. They have no inherent dynamic functionality. What will you do when you want to add some piece of interactivity—a contact form, or an email distribution list? Sure you could go with TypeForm or TinyLetter. But you could also create your own service using FaaS (a.k.a. Serverless). Afterall, Serverless isn’t just a fad, and it’s not going away anytime soon.
Learning about Isomorphic Web Applications from Airbnb.
One of the largest perceived drawbacks to creating a SPA or other Rich Internet Application is that they’re not SEO friendly or very accessible. With the advent of technologies such as ARIA, HTML5 and Node.js, things are changing. Web apps are becoming more usable and accessible, though also making them crawlable and highly performant is a formidable challenge.
The journey of 9756 miles starts with a new blog.
When I started this blog back in 2008 I didn’t have a clear direction for what I wanted it to be. I just knew at the time I was working on closed source software and, without it, had no other way to convey my skills to potential employers and clients.
Over time the content direction for the blog became clearer. It eventually grew to become a tech tutorials site and made open source. It serves as a journal both for the community and a place for me to scribe how to do things I knew I’d otherwise forget. It worked, and has served both purposes well.
Tips to help you get your app delivered to production faster.
I’d originally planned to make this a tutorial on how to build a React Native app. But to give it justice I'm doing a Webcast. Instead, what I’ll share with you here are some of my top takeaways from building my first iOS app with React Native. These are coming from the viewpoint of an experienced Web developer building a native app for the first time. Things I wish I’d known earlier kinda stuff. So without further ado…
First impressions of Buddybuild for React Native development.
A year ago I built and open-sourced Lumpen Radio for iOS using React Native. A major takeaway during development was the importance of testing on actual devices. Not just my device. But, you know, like a responsible adult using a bunch of them.
At the time I was finishing development of the iOS app, Android support in RN was just getting its roots. I decided to let Android support bake a while longer, coordinated small group of people, beta tested with TestFlight and released to the App Store with confidence.
20 releases of React Native have passed since then and there have been great innovations like CodePush (archive) and Lock, and many Awesome Boilerplates have continued to surface with increasing speed.
Given all the advancements, and after recent inspiration to create an Android version of Lumpen Radio, I decided it was time to go cross-platform.
As the Web shifts from a web of content as we’ve known it to an application platform there’s been a renewed emphasis on composition in web app architecture. To manage composition in our Web UIs at Trunk Club we use a number of techniques and patterns to help scale our suite of rich-clients while avoiding duplication of common componentry. This article will discuss some of the patterns we use, describe the concept of a component library and introduce software for sharing modules between apps without use of WebPack or Browserify.
Learn how to use JS modules and a simple component library to share code in a forward-looking way.
A couple years back Steve Souders gave a great talk at Fluent Conf titled Your Script Just Killed My Site (video). During the talk Steve explained front-end SPOF and pointed towards a nice tool for detecting it. Fast-forward a couple of years and front-end SPOF is still a concern in web development. And, when building a single-page app, SPOF is an even bigger deal as it can cause an entire web app to become unresponsive, putting users at the mercy of the browser to download and execute 3rd-party scripts prior to bootstrapping. Read on to learn how to avoid front-end SPOF using Trunk Club’s single-page app skeleton, Brunch with Panache (BWP).
Learn how to avoid front-end SPOF using Trunk Club’s single-page app skeleton, Brunch with Panache