Log in
Mike Hartington

Mike Hartington

Mike is a developer, Angular GDE, and Director of Developer Relations at Nx. Big fan of the web, helping people, and building cool stuff.
Nx, USAmhartington.iomhartington
Interests:
javascriptweb developmentreactbest practicesperformance
Simplified Animations on the Web
JSNation US 2024JSNation US 2024
Recording pending
Simplified Animations on the Web
Animations on the web have always seemed like something impossible to do right. With complex JavaScript needed in order to do anything compelling and a lot of math required, animations are often ignored. But, what if there were a better way? What if you could just tell the browser what will animate and let the browser take care of the rest? Enter View Transitions.
View Transitions are a new web feature that allows developers to build compelling animation without having to dive into working JavaScript in order to do so. Let's look at adding View Transitions into our app and how to drive compelling animations with ease!
animations
To App or Not: When to Choose Native or Web
React Day Berlin 2023React Day Berlin 2023
23 min
To App or Not: When to Choose Native or Web
Watch video: To App or Not: When to Choose Native or Web
In today's landscape, deciding between building a native app or a web app can significantly impact your project's success and user experience. As technology advances and user expectations continue to evolve, the decision-making process becomes increasingly complex. Let's dive into the key considerations that can help you determine what is right for you, a native app or a web app. We'll also look at real-world examples of apps and examine the reasons behind their choice of development approach.
case study
Maximum Efficiency: A Primer on Capacitor
JSNation 2023JSNation 2023
12 min
Maximum Efficiency: A Primer on Capacitor
Quick, what is the quickest way to bring your product to the app stores? In today's landscape, trying to get into the app store can mean spending weeks deciding what tool to use and then rewriting your entire app. But the web, and mainly Capacitor, can simplify that. Take your existing web app, add Capacitor to the mix, and you have a native app that's ready for the stores! Let's see what's possible Capacitor and why it can help you ship faster.
react nativemobile appscapacitor
Bringing Your Web App to Native With Capacitor
JSNation 2023JSNation 2023
111 min
Bringing Your Web App to Native With Capacitor
WorkshopFree
So, you have a killer web app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!
Contents: This workshop is aimed at beginner developers that have an existing web application, or are interested in mobile development. We will go over:- What is Capacitor- How does it compare to other cross-platform solutions- Using Capacitor to build a native application using your existing web code- Tidying up our application for distribution on mobile app stores with naming conventions, icons, splash screens and more
mobile appscross-platformcapacitorcapacitor reactcapacitor vs react native
Bringing your React Web App to native with Capacitor
React Summit 2022React Summit 2022
92 min
Bringing your React Web App to native with Capacitor
WorkshopFree
So, you have a killer React app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!
This workshop is aimed at intermediate developers that have an existing React application, or are interested in mobile development with React. We will go over:
What is CapacitorHow does it compare to other cross-platform solutionsUsing Capacitor to build a native application using your existing web codeTidying up our application for distribution on mobile app stores with naming conventions, icons, splashscreens and more.
reactmobile appscross-platformcapacitorcapacitor reactcapacitor vs react nativereact native for web
A New Kind of Abstraction
React Advanced 2021React Advanced 2021
7 min
A New Kind of Abstraction
Developers often look at abstractions as being "the closer to the metal, the better," meaning that as abstractions become further removed from the lowest possible level, the more you give up in terms of performance and features. But abstractions work as a spectrum also. We'll look at how we can adjust our view of abstractions and what kind of examples we can use to better understand that abstractions have less to do with programming and more to do with where we deploy.
best practicesarchitecturepatterns
A New Kind of Abstraction
Vue.js London Live 2021Vue.js London Live 2021
8 min
A New Kind of Abstraction
Developers often look at abstractions as being ""the closer to the metal, the better,"" meaning that as abstractions become further removed from the lowest possible level, the more you give up in terms of performance and features. But abstractions work as a spectrum also. We'll look at how we can adjust our view of abstractions and what kind of examples we can use to better understand that abstractions have less to do with programming and more to do with where we deploy.
vueionic
Bringing Ionic (and Web Components) to React
React Summit Remote Edition 2020React Summit Remote Edition 2020
12 min
Bringing Ionic (and Web Components) to React
Ionic is a framework for building fast and powerful mobile, desktop, and web apps with web technology. Traditionally, Ionic has been built on top of one framework: Angular. But recently, Ionic added support for React, and aims to bring the same great development experience to the React ecosystem. In this talk, we’ll look at how an Ionic React app works and how this changes the React ecosystem (surprise, it's because of Web Components).
reactweb componentsioniccross-platform