The Evolution of App Development

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2026
November 17 - 20, 2026
New York, US & Online
Upcoming event
React Summit US 2026
React Summit US 2026
November 17 - 20, 2026. New York, US & Online
Bookmark
Rate this content
Sentry
Promoted
Code breaks, fix it faster

Crashes, slowdowns, regressions in prod. Seer by Sentry unifies traces, replays, errors, profiles to find root causes fast.

Get started
Kadi Kraman
Kadi Kraman
27 min
12 Jun, 2026

Comments

Sign in or register to post your comment.
Video Summary and Transcription
William, a portrait painter in the 1800s, dedicated to achieving the truest likeness through anatomy and light. The evolution of building apps with Expo, a framework for React Native, adapting to changing landscapes to enhance user experience. Newbies in mobile development face reduced barriers to entry. AI's impact on new app development: knowns, unknowns, pitfalls. Breaking tutorial into two parts for easier learning and using AI to verify AI. Expo emphasizes skills and tailored MCP for development. Developers' job evolution to more strategic roles. Advice on overcoming the Dunning-Kruger effect and effective training methods for developers. Empowering new developers with AI for better understanding and mentorship experience.
Available in Español: The Evolution of App Development

1. Influence of Camera Invention on Artists

Short description:

William, a portrait painter in the 1800s, dedicated to achieving the truest likeness through anatomy and light. His neighbor Thomas, a sign painter, lacks anatomy knowledge but excels in creativity and detail. Clara, a beginner painter, encounters the groundbreaking invention of the camera, revolutionizing the art world.

This is William. William's a portrait painter. He lives in the 1800s. At this time, the epitome of portraiture was creating the truest possible likeness. So, to achieve these skills, William has spent over a decade learning anatomy, light, composition, how to flatter a face. He really is at the height of his craft.

This is William's neighbor, Thomas. He's a sign painter and he works at his father's sign painting business, also called Thomas, where he's been working since he was 10. No labor laws back then. While he has no understanding of human anatomy, he is creative. He's pretty good with color, and he has a great steady hand and a great eye for detail.

And, finally, a bit further down the street in a fancy house, we have Clara. Clara is a young lady from a wealthy family, and she's just started her very first lessons in painting. She's looking to take this on as a hobby. They are all about to live through something groundbreaking. The first camera is invented and it's gaining popularity. It's big and clunky and tedious at first, but it is quickly becoming a smaller and more efficient and a mainstream way to take photos. And what is something a camera can do better than any other method in the world? It is to capture a likeness, an exact likeness.

So, the thing that all these artists for hundreds of years have been striving for, you can just do it. No skill or experience required. It's difficult to appreciate now just how much of a stir this invention caused at the time. But here's a quote that's often attributed to a famous French painter, who apparently, upon seeing some of the earliest photographs, said, from today, painting is dead. Does it sound familiar? What does this mean for our cast of characters? Clara may choose to skip the whole tedium of learning to paint altogether and instead use a camera. Without knowledge of light and composition, her photos might not be particularly good, especially at the start, but she'll get a basic version started very quickly.

Good enough to capture the likeness of her friends, pets, and maybe even some scenery. Thomas, who already has an eye for detail and experience in art in a way, is actually perfectly positioned to benefit the most from the camera. He could branch into photography and quickly eclipse what Clara is able to do and produce photos faster and with better likeness than poor William ever could. So, both Thomas and Clara are to benefit from this new invention. And this leaves William, whose world has been turned upside down. He has spent years honing this craft, and that can be replicated by anyone, with a camera and a click of a button.

2. Evolution of Mobile App Development

Short description:

The evolution of building apps with Expo, a framework for React Native, adapting to changing landscapes to enhance user experience. Differentiating between veterans, experts, and newbies in mobile app development, transforming the learning process.

But can it? This is based on a very real history of events surrounded by the invention of photography and its impact on painters. As we know, history has this tendency of repeating itself, and I can probably believe you can see that this is a thinly-veiled analogy of how building mobile apps has changed in the past year. William, Thomas, and Clara's experience with adjusting to the advent of photography is not dissimilar to all of our experience as engineers, adapting to the changes in how we build.

Hi, my name is Cady Crammond. I'm a developer success engineer at Expo, and this talk is about the evolution of how we build apps. Expo, as I hope most of you know, is a framework for building mobile apps with React Native. We've been around for almost as long as React Native itself, and we've also always been a favourite for React and web developers because you can build native iOS and Android apps in one codebase, writing mostly JavaScript. We've also been positioned to be a favourite of AI tools due to how quickly you can get an app up and running, and speed is of an essence when it comes to the impatience of prompt engineering. And with Expo Go, and the amount of training data there is for open source for LLMs.

In the past year, we've actually been doing what every dev tool company has been doing. We're trying to adapt to these changing landscapes, to continue to make the experience of building apps delightful to users. And, historically, these two have been the archetypes that we focus on. We have the veterans. So, veterans are the folks that have been building React Native apps since before auto-linking existed. They know what they're doing. They just need the tools that work efficiently to get things done. And then we have the experts, but we're saying experts in a related field. So, not yet a React Native engineer, so anyone who is, let's say, a React engineer, web developer, infrastructure engineer would be in this category. But now, we have a new kind of builder, the newbie, building mobile apps for the very first time, and sometimes completely disinterested in becoming a full developer. The way we've learned has changed forever.

QnA

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Domain Driven Design with Vue Applications
Vue.js London 2023Vue.js London 2023
14 min
Domain Driven Design with Vue Applications
Top Content
Welcome to this talk on domain-driven design in Vue.js application. Today we are going to look into domain-driven design, its benefits and how it works with Vue.js domain-driven design versus the MVVM model. Vue.js thrives in domain-driven design, a design approach that models software to match a domain. DDD emphasizes understanding business logic and creating a domain that reflects the language and concepts. Integrating DDD in Vue.js offers benefits such as effective modeling of complex business domains, structured code reflecting domain logic, and easier onboarding and ownership.
Data Loaders - Elevating Data Fetching in Vue
Vue.js Live 2024Vue.js Live 2024
30 min
Data Loaders - Elevating Data Fetching in Vue
Data loaders provide a solution for complex and repetitive data fetching in Vue.js applications. Using data loaders allows for more independent data fetching and integrates with the navigation cycle. The data loader plug-in adds a navigation guard for data fetching and loading. Lazy loading and caching can be implemented using Pina Colada and Glada loaders. These loaders can improve the performance and speed of data fetching in applications.
No Seriously: htmx is Pro-JavaScript!
JSNation US 2024JSNation US 2024
29 min
No Seriously: htmx is Pro-JavaScript!
HTMX is a hypermedia-oriented front-end library that enhances HTML as a hypermedia. It generalizes the concept of hypermedia controls in HTML, allowing any element to become a hypermedia control. HTMX provides practical attributes like HX swap and HX indicator. The active search demo showcases the dynamic behavior achievable with HTMX. HTMX allows developers to build web applications without writing a ton of JavaScript. It works well for traditional web apps but may not be suitable for offline functionality or fast interactions. HTMX can be integrated with JSX and various backend stacks, and TypeScript can be used alongside HTMX.
How to Share Code between React Web App and React Native Mobile App in Monorepo
React Summit 2022React Summit 2022
7 min
How to Share Code between React Web App and React Native Mobile App in Monorepo
This presentation focuses on sharing code between React web and React native mobile apps. The speaker demonstrates how to achieve feature parity using a Monorepo with NX. They highlight the importance of sharing non-UI code, such as business logic and state management, through shared libraries. This approach allows the apps to focus on UI code while keeping non-UI code separate. For more details, refer to the speaker's blog post.
MIDI in the Browser... Let's Rock the Web!
JSNation 2022JSNation 2022
28 min
MIDI in the Browser... Let's Rock the Web!
MIDI is a versatile communication protocol that extends beyond music and opens up exciting possibilities. The Web MIDI API allows remote access to synths and sound modules from web browsers, enabling various projects like music education systems and web audio-based instruments. Developers can connect and use MIDI devices easily, and the Web MIDI API provides raw MIDI messages without semantics. The WebMidi.js library simplifies working with the Web MIDI API and offers a user-friendly interface for musicians and web developers. MIDI on the web has generated significant interest, with potential for commercial growth and endless possibilities for web developers.
The Next Wave of Web Frameworks is BYOJS
JSNation 2022JSNation 2022
23 min
The Next Wave of Web Frameworks is BYOJS
The next wave of web frameworks is BYOJS, covering the history and evolution of building web applications. The evolution of web frameworks and build systems includes popular choices like React, Angular, and Vue, as well as advanced build systems like Webpack and Rollup. The rise of performance measurement tools and the adoption of the Jamstack have led to improved web performance. The Jamstack architecture focuses on pre-rendering pages, decoupling APIs and services, and enhancing pages with JavaScript. Astro, a static site generator with SSR support, promotes the islands architecture and partial hydration.

Workshops on related topic

Full-stack App in half a Day: Next.js 15 Development Bootcamp
React Summit 2025React Summit 2025
175 min
Full-stack App in half a Day: Next.js 15 Development Bootcamp
Featured WorkshopFree
Maurice de Beijer
Maurice de Beijer
Unlock the Power of Modern Full-Stack Development in Half a Day!Ready to build lightning-fast, scalable web applications? Join our immersive 4-hour interactive workshop and dive headfirst into the world of Full-Stack Next.js 15!This isn't just another theory session. You'll roll up your sleeves and build a real-world movie comparison application from scratch, guided step-by-step by our expert instructor Maurice. We'll start by setting up your local development environment with a robust PostgreSQL database running in a Docker container. Then, you'll experience the magic of rapid UI generation using v0.dev, allowing you to create stunning interfaces with ease.But we won't stop at the front-end. You'll learn how to seamlessly integrate your UI with a powerful backend using Next.js 15's latest features and the elegant Prisma ORM to interact with your PostgreSQL database. Plus, you'll discover the best practices for handling client-side behavior with a fun, interactive movie comparison feature.Finally, we'll take your application live with continuous deployment to Vercel, showcasing how to effortlessly share your creations with the world. By the end of this workshop, you'll have a fully functional movie comparison app and the confidence to tackle your own full-stack projects using the cutting-edge Next.js 15 ecosystem.
Web Accessibility in JavaScript Apps
React Summit 2022React Summit 2022
161 min
Web Accessibility in JavaScript Apps
Workshop
Sandrina Pereira
Sandrina Pereira
Often we see JavaScript damaging the accessibility of a website. In this workshop, you’ll learn how to avoid common mistakes and how to use JS in your favor to actually enhance the accessibility of your web apps!
In this workshop we’ll explore multiple real-world examples with accessibility no-nos, and you'll learn how to make them work for people using a mouse or a keyboard. You’ll also learn how screen readers are used, and I'll show you that there's no reason to be afraid of using one!
Join me and let me show you how accessibility doesn't limit your solutions or skills. On the contrary, it will make them more inclusive!
By the end, you will:- Understand WCAG principles and how they're organized- Know common cases where JavaScript is essential to accessibility- Create inclusive links, buttons and toggleble elements- Use live regions for errors and loading states- Integrate accessibility into your team workflow right away- Realize that creating accessible websites isn’t as hard as it sounds ;)
How to Create a Web Application in an (Almost) Autonomous Way Using Clean Coder
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
95 min
How to Create a Web Application in an (Almost) Autonomous Way Using Clean Coder
Workshop
Grigorij Dudnik
Grigorij Dudnik
Imagine replacing yourself with a multi-agent AI programmer to develop your production web application. That's exactly what we did at my startup takzyli.pl. To achieve this, we designed and used the Clean Coder - AI agent framework for autonomous code writing (https://github.com/GregorD1A1/Clean-Coder-AI), which is hopefully open-source project. If it worked for us, why shouldn't it work for you?In this workshop, I'll show you how to create an entire web application in an (almost) autonomous way and drastically reduce the time you or your employees spend on writing code.
Build a Universal Reactive Data Library with Starbeam
JSNation 2023JSNation 2023
66 min
Build a Universal Reactive Data Library with Starbeam
WorkshopFree
Yehuda Katz
Yehuda Katz
This session will focus on Starbeam's universal building blocks. We'll use Starbeam to build a data library that works in multiple frameworks.We'll write a library that caches and updates data, and supports relationships, sorting and filtering.Rather than fetching data directly, it will work with asynchronously fetched data, including data fetched after initial render. Data fetched and updated through web sockets will also work well.All of these features will be reactive, of course.Imagine you filter your data by its title, and then you update the title of a record to match the filter: any output relying on the filtered data will update to reflect the updated filter.In 90 minutes, you'll build an awesome reactive data library and learn a powerful new tool for building reactive systems. The best part: the library works in any framework, even though you don't think about (or depend on) any framework when you built it.
Table of contents- Storing a Fetched Record in a Cell- Storing multiple records in a reactive Map- Reactive iteration is normal iteration- Reactive filtering is normal filtering- Fetching more records and updating the Map- Reactive sorting is normal sorting (is this getting a bit repetitive?)- Modelling cache invalidation as data- Bonus: reactive relationships
Build Web3 apps with React
React Summit 2022React Summit 2022
51 min
Build Web3 apps with React
Workshop
Shain Dholakiya
Shain Dholakiya
The workshop is designed to help Web2 developers start building for Web3 using the Hyperverse. The Hyperverse is an open marketplace of community-built, audited, easy to discover smart modules. Our goal - to make it easy for React developers to build Web3 apps without writing a single line of smart contract code. Think “npm for smart contracts.”
Learn more about the Hyperverse here.
We will go over all the blockchain/crypto basics you need to know to start building on the Hyperverse, so you do not need to have any previous knowledge about the Web3 space. You just need to have React experience.