Panel Discussion: The Leland Prediction

This ad is not shown to multipass and full ticket holders
JSNation US
JSNation US 2025
November 17 - 20, 2025
New York, US & Online
See JS stars in the US biggest planetarium
Learn More
In partnership with Focus Reactive
Upcoming event
JSNation US 2025
JSNation US 2025
November 17 - 20, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

FAQ

Lead Lens Prediction refers to predictions made by Leland in 2017 about the future trends in software development, particularly focusing on the increased popularity of React and React Native and the use of strongly typed languages with React.

Yes, according to the discussion, React and React Native have become even more popular since 2017. This popularity is attributed to their constant improvements, such as the introduction of hooks and functional components, which have made them more user-friendly and widely adopted in large enterprises.

TypeScript offers advantages such as safer code with fewer bugs, predictive coding with type checking, and enhanced code maintainability and scalability. It also provides better developer tooling that improves the overall development experience.

One area for improvement in React is its level of abstraction, as it can sometimes be too abstract or not abstract enough. This can lead to confusion among developers about the best tools and practices to use.

The prediction made was that React will continue being used but in conjunction with strongly typed languages like TypeScript. This has largely come true as TypeScript has become increasingly popular for React development due to its robust typing features which enhance code quality and developer productivity.

TypeScript might become a mandatory skill due to its ability to provide type safety, which helps in reducing runtime errors, and its popularity in large-scale applications, making it a valuable skill for developers working in various environments.

The challenges with adopting TypeScript include the initial learning curve, the need to write more code for type definitions, and the requirement to refactor existing JavaScript code to TypeScript which can be time-consuming.

React is often praised for its innovative approach and flexibility, allowing developers to choose their own libraries and tools to work with. However, frameworks like Vue and Angular provide more out-of-the-box functionality which can be beneficial for certain projects.

Tejas Kumar
Tejas Kumar
Andrei Calazans
Andrei Calazans
Anurag Hazra
Anurag Hazra
Ariene Maiara
Ariene Maiara
30 min
14 May, 2021

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Discussion on Lead Lens Prediction with insights from panelists about React and React Native trends since 2017. React's innovative features like server-side components and its impact on the ecosystem. Challenges in React's improvement areas such as abstraction and tool selection. Exploration of React ecosystem frameworks and alternative frameworks like React Native, Vue, and Svelte. Predictions on TypeScript's future impact on development and the evolution of React and TypeScript in the coming years.

1. Introduction to Leeland's prediction and panelists

Short description:

Hi, everyone, my name is Andre Calazans. We're here to discuss Leeland's prediction about React and React Native becoming more popular. Let's see what our panelists have to say about it. Ariane, a React Native Developer, believes that React and React Native are even more popular now due to their improvements.

Hi, everyone, my name is Andre Calazans. I'm a head of vetting at G2I, and I'm here joined with Tejas, Ariane, and Anurag, where we're going to be talking about Leeland's prediction. If you guys don't remember this tweet, it happened back in 2017, where he mentioned that he hoped to see React and React Native B and become even more popular, plus see everybody be using something other than JavaScript with React, something with a strongly typed language. Let's see if that prediction panned out and let's see what our panelists here have to say about it.

Before I continue, I'm going to ask everyone to introduce themselves and tell us who they are and what they're working on. Ariane, why don't you start this out? Hey, cheers. Yes, my name is Ariane. I have been working with software development for over nine years. I work for G2I in one of our clients that's called uiTV. I'm a React Native Developer there. Awesome. And we also have Anuraag. Hi there. So my name is Anuraag. I am a self-taught front-end developer from India, currently working at Timeless Ventures. I'm currently also at college pursuing my bachelor's degree. And yeah, we're looking forward to this panel discussion. Thank you. And lastly, the most famous person in this panel, Mr. Tejas. Hey, I'm Tejas. I also currently, as of this moment, work alongside Andrey. Andre? Andrey? That's Andrey at G2I and write a bunch of code and do some tech stuff with him there. Very cool. Awesome. So we joined in this, we thought of this discussion because it was quite interesting that back in 2017, Leland was talking about how he was seeing the trends, and that React and React become even more popular than it was at that time. So let's start at the first prediction, which was a two year prediction. So it would have been around 2019. What do you all think about this? Is React and React Native still very popular and at what is it being good at solving that makes it popular? I'm going to start with Ariane. How do you see this question? Yeah, I think React and React Native are even more popular than four years ago, because the way they improve it, when it was released we had this for example class component, which class component is more based on object oriented programming.

1. Discussion on Lead Lens Prediction

Short description:

Andre Calazans, Head of Vetting at G2I, discussing Lead Lens Prediction with panelists Ariane, Anurag, and Tejus. Introductions made, focusing on React and React Native popularity trends since 2017.

Hi everyone, my name is Andre Calazans. I'm Head of Vetting at G2I and I'm here joined with Tejas, Ariane, and Anurag, where we're going to be talking about Lead Lens Prediction. If you guys don't remember the suite, it happened back in 2017 where he mentioned that he hoped to see React and React Native be and become even more popular, plus see everybody be using something other than JavaScript with React, something with a strongly typed language. Let's see if that prediction panned out and let's see what our panelists here have to say about it.

Before I continue, I'm going to ask everyone to introduce themselves and tell us who they are and what they're working on. Ariane, why don't you start this out? Hi. Sure. Yes, my name is Ariane. I have been working with software development for over nine years. I work for G2I and one of our clients that's called UITV. I'm a React Native developer there. I'm a React Native developer. Awesome.

And lastly, the most famous person in this panel, Mr. Tejus. Hey, I'm Tejus. I also currently, as of this moment, work alongside Andre. Andre? Andre? That's Andre. At G2I. And write a bunch of code and do some tech stuff with him there, so. Very cool. Awesome. So we thought of this discussion because it was quite interesting that back in 2017, Leland was talking about how he was seeing the trends and that React and React Native was going to become even more popular than it was at that time.

2. React's Evolution and Popularity

Short description:

And now we've seen the evolution, now we have hooks and we have functional components. It's become more and more easy to use. The manage we have improved the way we manage our props and state. So, it's, and what I see it's become even more popular within big companies.

And now we've seen the evolution, now we have hooks and we have functional components. It's become more and more easy to use. The manage we have improved the way we manage our props and state. So, it's, and what I see it's become even more popular within big companies. Since, from my experience working at UITV, that we build React Native apps for TVs and the company was recently acquired by WarnerMedia. And so, and we are going to release the new HBO app using React Native. Now, so this is insane how it became popular and why don't we use it. Amazing.

3. React's Evolution and Lacking

Short description:

The evolution of React and its constant improvement have made it more attractive to people and even big enterprises. React excels at innovation and is breaking ground in the space. However, React still lacks in finding the right level of abstraction and being opinionated.

So, you think the evolution of React and its constant improvement is also making it more attractive to people and even big enterprise getting into this. I mean, WarnerMedia, they're behind HBO and a whole bunch of companies, right? It's insane to see how it has become so popular in evolution.

And I think if I can release a prediction here, I can tell that in two, four, five... No, wait. Sorry, sorry, sorry. We're going to get there. Hold on.

And what about you Anuraga? What do you think? What is React really good at solving, like in your perspective? I think React's most important part is the component model. The component model makes sense I would say. I think React excels at innovation. I would like to compare React with NASA. NASA takes the first step and then all the other people like SpaceX and other people take the little steps to go forward. Same with React. React also takes the first steps to do the innovation, like server-side components, the composition with hooks, and other. This kind of innovation I see mostly on React and the ecosystem around it. So I would say React is very good at this innovation. It's breaking ground and innovating in the space and making people follow it.

It's really cool that you said that. In the thread, if you look back at, so this was a Twitter thread, right, from the lead line posted, and you will see how people are remembering similar tools today in the space that is replicating what React already does. So we got SwiftUI. You have now JetCompose, and Flutter, and all of these other tools.

But and for you, Tejas, what do you think, what is React still lacking that is not really doing a good job at? I'm going to ask the hard question to Tejas. And where do you think is there room for improvement that would possibly dethrone React from its current position? Wow, that's a really good question for me. But I like, I think React, it's difficult. I would say this, I think what I'm about to say is that, you know, I'm about to identify a place where React is lacking in people, not just me, but the community in general. I've spoken to people who say it's lacking. But it's very clear to see also what I'm about to say is something where it's not lacking. And that's because React plays this game of being an extraction layer, and when you do that, it's so hard to find the right level. You either end up over-abstracting, which we do internally at G2I sometimes, or under-abstracting, which we also do. And React, I feel, doesn't do the best job at being opinionated.

4. React's Confusion and Room for Improvement

Short description:

If somebody is joining React today, there's going to be confusion. Do I use ReachRouter? Do I use ReactRouter? What is ReactRouterDOM? There's room for improvement and thankfully, solutions like Next.js and Remix Run exist. React has a serious hole that the community fills, but it could possibly improve.

Again, that's by design, right? But because of that, I feel like if somebody is joining React today, and they have every reason to because the popularity is only going up, there's going to be confusion. Like, oh, do I use ReachRouter? Do I use ReactRouter? What is ReactRouterDOM? Should I use that instead? And there's a new CSS and JS library every week or so. And so there's room for improvement there. And thankfully, the improvement exists. There's things like Next.js or Remix Run, stuff like that, which helps. But yeah, React on its own has a serious hole there that the community fills. But, again, I feel like this is by design, right? But it could possibly improve there.

5. React's Opinion Shipping and Compiler System

Short description:

React could help developers by shipping opinions and helping build apps with less code. React needs to innovate on the compiler system, like Svelte and Vue. There's work happening with prepack.io. Shawn talked about compilers and abstracting tools. Finding the right level of abstraction is tough, and it's unrealistic to expect perfection from the React team.

The additional thing I'd say, just to kind of wrap it up, to wrap up my answer to this question, is I feel like React could help developers, just by nature of being a library, because when you ship a library you get to also ship your opinions. They could help developers build apps in a way that ships less code from the beginning. And we're seeing some things being done in this space already with suspense for code splitting. But generally more things like that which kind of hint to the consumer, maybe split this out, code split this.

Awesome. Yeah. Excellent points. I really love – go ahead, Anurag. So also adding to Tejas's answer, I would say React also need to innovate on the compiler system. Compilers are the new future, right? I would say take Svelte. Svelte is compiling the source code to ship less and less bytes to the end user. So I think React in future, implement some kind of compiler system that would be also very innovative. I think it's also needed because most of the other frameworks are already doing this. Svelte, Vue. Vue also has a compiler and Svelte is a compiler. So I would say React is lacking in this scenario. I would agree with you and add just one tidbit. There's actually work happening. I've seen that Facebook to do that using something called prepack.io. I don't know how far that's going, but maybe it's not a compiler, but it's very much in that same domain that would allow for like shipping less code with a transpilation step. I'd love to see prepack become a thing in the mainstream of web dev.

Amazing, great comments. And I think even Shawn, aka Swix on Twitter, talked about something around compilers and everything is a compiler and the tendency towards abstracting the way to tools. And then Tej has touched on an interesting point, how using that, having a compiler set, you could then reduce the amount of code we need to write to actually output good production apps. And then you touched about hitting the right level of abstraction which I loved. Because it was a controversial tweet this week from, I think, I don't, I won't remember his last name, I think it was Adam Rackis talking about, you know, questioning hooks and is it the right abstraction. And it's exactly that. It's really tough to find the right level of abstractions, right? Yeah, I agree. And you know, I think if we expect each other like, or if we as consumers of React expect the React or React Native core teams to get that right straight out of the bat, it's a bit unrealistic. It's like, how? I feel like from all, I've spent a lot of time writing code, I feel like you don't really know the right level of abstraction unless you keep doing it for a while and then you develop a feel for it.

6. React's Experimentation and Framework Usage

Short description:

Hooks are not bad, they're experimentation. We'll figure it out over time. Are there any production environments using frameworks other than React? Flutter's popularity has increased, but it may not surpass React Native. React's advantage is its integration with JavaScript, a popular language. React Native has a good chance of appearing in the poll results due to its low barrier to entry and the learn once, write everywhere principle.

Kind of like a sixth sense. So, you know, to say, hey, hooks are wrong and the React team was wrong and it's bad, I think may not be the right approach because it's not bad, it's experimentation. Like we'll figure it out over time.

Awesome. I'm going to ask studio now to put up a question for everyone. Of course, we're talking React, but we would love to see if anyone is actually using something other than React. If I was to ask if you were using React, I think we're going to get a lot of yeses, so I'm just going to ask. So, studio, show the poll question number three, which is, do you know any production using something other than React as their UI framework? If yes, try to add your answer for what is it. I'd love to check this back afterwards to see.

And I'm going to ask the panelists here, which frameworks would you guess will appear in the yeses at the end? Maybe, I don't know about Flutter. I've seen this popularity has increased over the time. And I have seen, for example, in Wikidding, a bunch of new jobs looking for Flutter developers. So maybe it's something that we have to watch. I don't think, it's my personal opinion, that Flutter will be as popular as React Native. The last two years, I guess. Because React Native is still very popular and it's becoming more popular, as I said before. And also, I think one of the advantages of React and React Native is built in for JavaScript. So it's one of the most popular programming languages. When people start programming, for example, they start with JavaScript. They learn Algorithm with JavaScript. So I think this is one of the reasons that React will be still popular.

Interesting. Good point. Yeah, JavaScript is always easier to get started with. Yeah. And you, Anurag, what frameworks do you think will show up for the yeses on that question? Yeah, I think as I don't have an opinion on Flutter or anything like that because I didn't use Flutter yet but I think the React Native has a very good chance because the barrier to entry is very low especially if you already know React. That's the adoption. Like the core principle is that learn once and write everywhere. So I think that's why the popularity of React and React-based libraries and the JavaScript ecosystem has all like this. The popularity and adoption is huge.

7. React's Growth and Strong Typing

Short description:

That's why I think React will grow as a framework. For sure Vue and Svelte are also gaining popularity. Vue is used at scale, even by GitLab. Svelte has potential, with examples like a fintech company in Brazil using it for embedded apps. Regarding the second prediction, React's usage in strongly typed languages like TypeScript has indeed been fulfilled.

That's why I think React will grow as a framework.

Okay. And you say just what other framework besides React and React Native do you think will show up in the yeses on that question? For sure Vue. Vue is popular... I think it's way more popular than React devs give it credit for. I think for us with React we're in a bit of a React bubble. But Vue is popular and doing some really... I think GitLab for example uses Vue for GitLab. It's used at scale. I think. I'm not sure about GitLab but I have seen it used in some larger apps. So Vue for sure. I don't know about Vite with Vue but I imagine so because it's in the same ecosystem but I'm almost certain we'll see some solid Vue adoption in the answers.

Nice. Yeah I'll put my money on Svelte because there's a lot of noise coming from that crowd. I get to see it in production though. I'd love maybe in the Discord or where people are chatting if they can put links to production Svelte apps I would love to see this because I want to build something in Svelte myself but I don't know if it's for lobby products or for large apps at this point. I heard of a fintech company in Brazil using Svelte to place an embedded app in their credit card machines it was pretty cool to see that but we're not here to talk about Svelte but that's an interesting thing.

So the next thing though is that, the second prediction was that in four years from now back in 2017 that we would be using React but except in a strong typed language. I think this was where the salt was at, the nice prediction that I wish had, well I won't say what I wish, but was this fulfilled in your opinion? I'll start with Tejas on this one. Could you repeat that? The signal wasn't clear, I saw a graphic but the audio wasn't clear, could you repeat that? The fourth year prediction is we would be using React except in a strongly typed language. In your opinion was this prediction fulfilled? I think so, for sure. Based on our internal G2I data, we're seeing more, I don't know how many numbers I can share exactly because of data protection, but we're seeing a lot of people require TypeScript with Canvas. They'll come to us and be like, hey, I want to hire four React developers. By the way, bonus points if they have TypeScript. In some cases, it's a hard requirement. For us, Andre, you and I, the code we write every day is fully TypeScript. I know a number of engineers, even Adam Rakus, for example, where TypeScript's a thing everywhere. I'm inclined to say, yes, that prediction spot on. It says strongly type languages, so TypeScript, yes.

8. TypeScript's Benefits and Strong Typing

Short description:

We're seeing some Dart and Flutter on the React Native side, but not other strongly-typed languages. TypeScript has solved the most by allowing us to type objects and create schemas for API responses. It helps a lot when maintaining code and makes it easier. Is TypeScript a strongly typed language? Let's hear from Anuraag.

We're seeing maybe some Dart, too, with Flutter on the React Native side, but I'm not seeing other strongly-typed languages. For example, I know ReasonML tried to be a thing with ReasonReact. I've yet to see that be commercially prevalent.

Yeah, I think when Leland made this tweet, he was inspired by ReasonML, now Rescript. I don't know if his actual thoughts came to fulfillment, but Arianne, what does TypeScript tries to solve, and why is it becoming the main way to actually develop React apps today, in your opinion?

Yeah, I can say I started with TypeScript because I was... No, at the beginning I think TypeScript wouldn't change at all my... The way I develop at all, it wouldn't help me. So, and then I decided to give TypeScript a chance and it changed my life, you know? Now every project that I start working on, I use TypeScript. And when I have to maintain some app that is not using TypeScript, it's a pain, you know? Because I think the most, you know, the... I think the TypeScript has solved the most is, for example, when using... We can type objects, for example, when we type or create a schema for a API response, for example. You know? At the time we are developing, we know what products are coming from the API. We know what's the redux state, for example, the global state. What's the structure? You know, when you're developing.

But when you're going to maintain a code, for example, one month from now, you know, we won't remember everything. And TypeScript, I think it helps a lot. Helps 100%, you know? So TypeScript makes by the time you're adding TypeScript to a product, it can be a little pain. It can have a little pain. We have to type everything. And we set the link to not allow any types. So we have to type everything. It's the property. We have only one property to the font. But it helps. The main thing for me, that TypeScript helps is when we have to maintain the code. It makes it a lot easier.

Yeah, and that takes me to a connected topic. Like you mentioned, having predictability and also knowing the impact surface of the code you're writing. But then having to type everything because things can be any. So is TypeScript a strongly typed language though? How do you all feel about this? I'll let Anuraag take a stab.

9. TypeScript's Type System and Developer Experience

Short description:

Yeah, I would say it's strongly typed, but it gives you a lot of space to expand upon later on. TypeScript's type system is so powerful, allowing for type level programming. It provides a great developer experience and has grown in popularity compared to other strictly typed alternatives.

Yeah, I would say it's strongly typed, but it gives you a lot of space to expand upon later on. Instead of doing any, I would recommend doing tsignore and you can later on, after learning a bit more of TypeScript, you can later on come back and say, yeah, I can now type this. I would make it more type safe. So it's incrementally, you can incrementally adopt the code base to be more types, and speaking of TypeScript, I think the type system is so powerful, like it's literally, you can do type level programming in TypeScript types. Like it's, I would say there is, there is an issue in GitHub, in TypeScript people that says TypeScript can, like TypeScript type system is what, what does the, I forgot the names. Like you can literally do programming. I, I myself created a CSS parser on the type level. So that's pretty crazy things you can do with the typesets. And the dx it provides, I think is the best in class. So I think it's pretty great. Good. Excellent. Very good points, actually. I, and I think that is exactly why it, it is a popular as it is. And it grew in popularity in contrast to ReasonML, Rescript and other alternatives that are very strictly typed and don't allow a lot of room for you to go easy on it initially.

10. Framework Poll Results and Future Predictions

Short description:

The studio presents the results of a poll on the usage of different frameworks and languages compiled to JavaScript. The conversation then shifts to Leland's prediction and the unexpected rise of TypeScript as the main strongly typed language. Looking ahead to 2025, the participants discuss their predictions for the future of component and UI element development. Tejas admits uncertainty and praises Leland's courage in making predictions.

So those are good points. And I want to ask the studio now to, to, to tell, to tell us, to put up another question that we have. All right. We have the, the results already here. Let me just open up on the big screen so I can see. So we are seeing View Angular, No, Flutter, Ember. Okay. Yeah. Ember as well. Phoenix Preact, of course, Preact. Lit-Html, which is okay. Web Components. All right. Cool. There is, there's some options. I mean, Angular is still very big as expected. Right? Awesome. So the next poll question is, is also about if you're using anything compiled to React or JavaScript for production applications other than, of course, just JavaScript and TypeScript or actually the question has TypeScript as an option. So you could use that one. Let's see if, if any other language compiled to JavaScript is being used. We have some options there, but of course somebody can add an extra option. We'll come back to this at the end.

And now we can just go into the final part of this conversation. Before I get into that, the interesting thing is, if you look back at Leland's prediction, he wasn't really expecting TypeScript to be the main language being used as the strong type language. In his opinions, it was ReasonML with Rescript or something like Swift, or even Kotlin. There's Kotlin script that compiles to JavaScript as well. Those were interesting opinions at the time. Now we are in 2021, 15 of April. If we had to think about 2025, what kind of prediction would you make about this space, about the industry of writing components, writing UI elements? What do you think it's going to look like? What prediction would you make? Do you want to go first, Tejas, because you didn't answer the last time? I can, but like I genuinely don't know how to answer this question. I have to give it to Leland, man, that's very brave to make such a prediction.

11. Predictions on TypeScript and Future Trends

Short description:

One trend we're seeing now is TypeScript is immensely valuable. Strongly-typed languages will not go anywhere for sure. React has set a trend with its declarative component model that will carry through to 2025. In the next 5 years, we will be using Rust and other low-level performing languages to compile TypeScript. Tooling is going to get more built with lower-level languages and faster languages. TypeScript will become a job requirement for every web developer, but knowledge of JavaScript will still be necessary.

And it turned out to be spot on. This isn't my gift. So if I was to look into 2025, one trend we're seeing now is TypeScript is immensely valuable, so I feel like if I was to predict 2025, strongly-typed languages will not go anywhere for sure. I think we might continue to see more declarative abstractions on top of otherwise imperative things. So I feel like React has set a trend. Whether React lives or dies is one thing, irrespective of that. It's set this declarative component model that I think will carry through to 2025 for sure.

Amazing. Great point. And what about you, Anurag? What do you think? Yeah, I think in 5 years we will need to be compiling TypeScript. TypeScript is great, but it's a bit slow to build in a large project. So I think in the next 5 years we will be using Rust and other low-level performing languages to compile TypeScript. It's already happening. There's a SWC compiler to compile TypeScript for JavaScript. It's already happening, so I would say it will be going to happen in about 5 years.

That's an interesting point and I also think tooling is going to get more and more built with lower-level languages and faster languages. Orta, I think everybody knows Orta, he's famous in the JavaScript community and he now works with TypeScript. He made a post this week actually about TypeScript's popularity, and he talked about, he mentioned how there were some rumors that the first version of TypeScript before TypeScript was actually written in C++. I would say that for that to happen, for Rust to happen, I would say it needs to come from Microsoft. I don't know, but I wish it could happen and that could work. Not Microsoft, sorry. Google, right? Is behind TypeScript. No, it's Microsoft. No, Microsoft. Yeah. Whoa, just got confused there.

And what about you, Arianne? What predictions would you make? I know you started talking about React Native, but what else would you say? I would just make the changes and talk about TypeScript. I think TypeScript will become a job requirement the same for every web developer, even for the basic. But I think every web developer will have to know JavaScript. Sorry, TypeScript.

12. Predicting React's Future Popularity

Short description:

I think React will still become popular. Will still be popular. But it's hard to be 100% sure because if you think about six, five years ago when Angular was released and was very popular and was the hype at the moment, who would imagine that we would have another framework that was React that will take the Angular's place, you know? So, but my prediction, the way React is solid and widely used for developers and new developers interesting in using React and learning React, you know, I think it'd be still the hype in a few years.

And about React, I don't know if I'm being bold, but I think React, maybe in the future, we can now, we have, for example, React Native building for a while. So maybe in the future we can have desktop apps with React, you know? Who knows? And for example, when you talk about today, we have a bunch of new projects with React and React Native. So this part that's new today in four, three years, we have to maintain them. You know? I think we have new projects as well. And we also have to maintain these old ones that became old in a few years, you know? So my prediction is React will still become popular. Will still be popular. But it's hard to be 100% sure because if you think about six, five years ago when Angular was released and was very popular and was the hype at the moment, who would imagine that we would have another framework that was React that will take the Angular's place, you know? So, but my prediction, the way React is solid and widely used for developers and new developers interesting in using React and learning React, you know, I think it'd be still the hype in a few years.

QnA

React and React Native Evolution

Short description:

Discussion on React and React Native Evolution: Increased Popularity, Evolution with Components, and Enterprise Adoption.

I also currently, as of this moment, work alongside Andre. Andre? Andre? That's Andre. At G2I. And write a bunch of code and do some tech stuff with him there, so. Very cool. Awesome. So we thought of this discussion because it was quite interesting that back in 2017, Leland was talking about how he was seeing the trends and that React and React Native was going to become even more popular than it was at that time. So let's start at the first prediction, which was a two-year prediction, so it would have been around 2019. What do you all think about this? Is React and React Native still very popular and at what is it being good at solving that makes it popular? I'm going to start with Ariane. How do you see this question? I think React and React Native are even more popular than four years ago because the way it improved when it was released, we had these, for example, class components. With class components, it's more based on object-oriented programming. And now we've seen the evolution. Now we have hooks and we have functional components. It's become more and more easier to use. We have improved the way we manage our props and state. And what I see, it's becoming even more popular within big companies. From my experience, working at UI TV, we built React Native apps for TVs. This company was recently acquired by Warner Media. And so, we're going to release the new HBO app, using React Native. And also, it is insane how it became popular, and widely used. Amazing, so you think the evolution of React and its constant improvement is also making it more attractive to people and even big enterprise, getting into this. Warner Media, they're behind HBO and a whole bunch of companies, right? Yeah, it's insane to see how it has become so popular and evolution this way. And I think if I can release a prediction here, I can tell that in two, four, five... Wait, wait. That's the end. Sorry, sorry, sorry. We're gonna get there, hold on. And what about you Anuraga? What is React really good at solving, in your perspective? I think React's most important part is the component model. It brings... The component model it has is the most...

React's Innovative Role

Short description:

React's Innovation: Comparison to NASA, Pioneering Innovation with Server-Side Components, Hooks, and Ecosystem Impact.

Makes sense, I would say. Makes sense. And I think React excels at innovation. I would like to compare React with NASA. NASA takes the first step, and then all the people like SpaceX and other people take the little steps to go forward. Same with React. React also takes the first steps to do the innovation, like server-side components, the composition with hooks, and other... This kind of innovation I see mostly on React and the ecosystem around it. So I would say React is very good at this innovation. Mm-hmm. So it's breaking ground and innovating in the space and making people follow it. It's really cool that you said that.

React's Improvement Challenges

Short description:

React's Room for Improvement: Striking a Balance in Abstraction, Clarity in Tool Selection, and Simplifying Development for Efficiency.

In the thread... So this was a Twitter thread that Leland posted. And you will see how people are remembering similar tools today in the space that is replicating what React already does. We got SwiftUI, you have now JetCompose, and we got Flutter and all of these other tools.

But what is React still lacking that is not really doing a good job at? I'm gonna ask the harder question to Tejas. Where do you think is there room for improvement that would possibly dethrone React from its current position? Wow, that's a really... That's a good question for me.

I think React... It's difficult. I would say this. I think what I'm about to say is, I'm about to identify a place where React is lacking, and people, not just me, but the community in general, I've spoken to people who say it's lacking. But it's very clear to see also what I'm about to say as something where it's not lacking. And that's because React plays this game of being an abstraction layer.

And when you do that, it's so hard to find the right level. You either end up over-abstracting, which we do internally at G2I sometimes, or under-abstracting, which we also do. And React, I feel, doesn't do the best job at being opinionated. Again, that's by design, right? But because of that, I feel like if somebody's joining React today, and they have every reason to, because the popularity is only going up, there's going to be confusion. Like, oh, do I use a Reach router? Do I use React router? What is React router DOM?

Should I use that instead? And there's a new CSS and JS library every week or so. And so that, I feel there's room for improvement there. And thankfully, the improvement exists. There's things like Next.js or Remix run, stuff like that, which helps. But yeah, React on its own has a serious hole there that the community fills. But again, I feel like this is by design, right? But it could possibly improve there. The additional thing I'd say just to kind of wrap it up, is to wrap up my answer to this question, is I feel like React could help developers just by nature of being a library, because when you ship a library, you get to also ship your opinions.

They could help developers build apps in a way that ships less code from the beginning. And we're seeing some things being done in this space already with suspense for code splitting. But generally more things like that, which kind of hint to the consumer, maybe split this out, code split this, or, you know. Awesome. Yeah, excellent points.

React's Compiler System Innovation

Short description:

Innovating React with Compiler System and Abstraction Levels for Efficient Development.

Yeah, excellent points. Go ahead Anurag. Yeah. So also adding to like Tejas's answer. So I would say like React also need to like innovate on the compiler system. Like compilers are the new future, right? I would say like take Svelte. Svelte is like compiling the source code to like ship less and less bytes to the end user. So I think React in future, like implement some kind of compiler system that would be also very innovative. And I think it's also needed because most of the frameworks are already doing this. Svelte, Vue. Vue also has a compiler and Svelte also is actions. Svelte is a compiler. So I would say React is lacking in this scenario. So I would agree with you and add just one tidbit.

There's actually work happening. I've seen at Facebook to do that using something called prepack, prepack.io. I don't know how far that's going, but maybe it's not a compiler, but it's very much in that same domain that would allow for like shipping less code with a transpilation step. I'd love to see prepack become a thing in the mainstream of web dev.

Amazing, great comments. And I think even Shawn, Mr. aka swigs on Twitter talked about something around compilers and everything is a compiler and the tendency towards abstracting the way to tools. And then Tejas touched on an interesting point how having a compiler step, you could then reduce the amount of code we need to write to actually output good production apps. And then you touched about hitting the right level abstraction, which I loved because it was a controversial tweet this week from I think, I don't, I won't remember his last name. I think it was Adam Rackis talking about, questioning hooks and is it the right abstraction? And it's exactly that. It's really tough to find the right level abstractions. Right?

Yeah, I agree. And it's not, I think if we expect each other, like as, or if we, as consumers of React, expect the react or React native core teams to get that right straight out of the bat, it's a bit unrealistic. It's like, how? I feel like from all, I've spent a lot of time writing code. I feel like you don't really know the right level of abstraction unless you keep doing it for awhile and then you develop a feel for it, kind of like a sixth sense. So, you know, to say, hey, hooks are wrong and the React team was wrong and it's bad, I think that may not be the right approach because it's not bad, it's experimentation.

Exploring React Ecosystem Frameworks

Short description:

Discussion on React Ecosystem and Framework Preferences.

Like we'll figure it out over time. Awesome. I'm going to ask Studio now to put up a question for everyone. Of course, we're talking React, but we would love to see if anyone is actually using something other than React. If I was to ask if you were using React, I think we're going to get a lot of yeses. So I'm just going to ask, so Studio, show the poll question number three, which is do you know any production apps using something other than React as their UI framework? If yes, try to add your answer for what is it? I would love to check this back afterwards to see.

I'm going to ask the panelists here, which frameworks would you guess will appear in the yeses, Ariane? Maybe... I don't know about Flutter. I've seen this popularity has increased over the time. And I have seen, for example, Wikidink, a bunch of new jobs looking for Flutter developers. So maybe it's something that we have to watch.

I don't think, it's my personal opinion, that Flutter will be popular as React Native. Not in the last two years, I guess. Because React Native is still very popular and it is becoming more popular, as I said before. And also I think one of the advantages of React and React Native is built in for Javascript. So I guess one of the most popular program language when people start programming, at least when I see, for example, they start with Javascript. They learn JavaScript. So I think this is one of the reasons that React will be still popular. Interesting. Good point. Yeah. Javascript is always easier to get started with.

Exploring Alternate Framework Adoption

Short description:

Discussion on Alternative Frameworks: React Native, Vue, and Svelte.

Yeah. And you, Anurag, what frameworks do you think will show up for the yeses on that question? Yeah. I think as I don't have an opinion on Flutter or anything like that because I didn't use Flutter yet, but I think React Native has a very good chance because the barrier to entry is very low, especially if you already know React. That's the adoption. The core principle is that learn once and write everywhere. So I think that's why the popularity of React and React-based libraries and the JavaScript ecosystem has all like this. The popularity and adoption is huge. That's why I think React will grow as a framework.

Okay. And Yusef, just what other framework besides React and React Native do you think will show up in the yeses on that question? For sure, Vue. Vue is popular. I think it's way more popular than React devs give it credit for. I think for us with React, we're in a bit of a React bubble. But Vue is popular. And doing some really... I think GitLab, for example, uses Vue for GitLab. It's used at scale, I think. I'm not sure about GitLab, but I have seen it used in some larger apps. So Vue for sure. I don't know about Vite with Vue, but I imagine so, because it's like in the same ecosystem. But I'm almost certain we'll see some solid Vue adoption in the answers.

Nice. Yeah. I'll put my money on Svelte, because there's a lot of noise coming from that crowd. I'd like to see it in production though. Maybe in the Discord or where people are chatting, if they can put links to production Svelte apps, I would love to see this. Because I want to build something in Svelte myself, but I don't know if it's for hobby products or for large apps at this point. I just don't know. I heard of a fintech company in Brazil using Svelte to place an embedded app in their credit card machines. It was pretty cool to see that.

React's Strongly Typed Evolution

Short description:

Discussing React's Evolution to Strongly Typed Languages.

We're not here to talk about Svelte, but that's an interesting thing. The next thing, though, is that the second prediction was that in four years from now, back in 2017, that we would be using React, but except in a strong-typed language. I think this was where the salt was at. The nice prediction that I wish had... I won't say what I wish, but was this fulfilled, in your opinion?

I'll start with Tejas on this one. Could you repeat that? The signal wasn't clear. I saw a graphic, but the audio wasn't clear. Could you repeat that? So the fourth year prediction is that we would be using React, except in a strongly-typed language. In your opinion, was this prediction fulfilled?

I think so, for sure. Based on our internal G2I data, even, we're seeing more... I don't know how many numbers I can share exactly because of data protection, but we're seeing a lot of people require TypeScript. So, they'll come to us and be like, hey, I want to hire like four React developers. By the way, bonus points if they have TypeScript. Or, in some cases, it's a hard requirement. For us, Andrew, you and I, the code we write every day is fully TypeScript.

And I know a number of engineers, even... You mentioned Adam Rackus, for example, where TypeScript's a thing everywhere. So, I'm inclined to say yes, that prediction, spot on. But it says strongly typed languages. So, TypeScript, yes. We're seeing maybe some Dart too, with Flutter on the React native side. But I'm not seeing like other strongly typed for languages. Like, for example, I know ReasonML tried to be a thing with ReasonReact. I have yet to see that be commercially prevalent.

TypeScript's Development Impact

Short description:

TypeScript's Impact on Development and Maintaining Code.

Yeah. I think when Leland made this tweet, he was inspired by ReasonML, now Rescript. And so, I don't know if his actual thoughts came to fulfillment. But Ariane, what does TypeScript try to solve? And why is it becoming the main way to actually develop React apps today, in your opinion?

Yeah, I can say I have, I started with TypeScript because I was, no, at the beginning I think TypeScript wouldn't change, at all, the way I develop, at all, it wouldn't help me. So, and then I decide to give TypeScript a chance, and it changed my life, you know. Now, every project that I start working on, I use TypeScript. And when I have to maintain some app that is not using TypeScript, it's a pain, you know, because I think the most, you know, the, I think with TypeScript, so it is, the most is, for example, when using, we can type objects.

For example, when we type or create a schema for API response, for example. So at a time we're developing, we know what properties will come from the API. We know what's the, the redux states, for example, the global state, what's the structure, you know, when you're developing, but we, when you're going to maintain a code, for example, one month from now, you know, we won't remember everything and TypeScript, I think it helps us a lot, helps a hundred percent, you know, so it makes by the time we were, when you were adding TypeScript to a project, it can be a little pain, it can have a little pain, know to, we have to type everything.

And we, we said that the link to, to not allow any, any types. So we have to type everything, the property has we, and we have only one property to the conference. So, but it helps the main thing for me, that TypeScript helps when we have to maintain the code. It makes it a lot easier. Yeah. And that takes me to us, to a connected topic, like you mentioned, having predictability and also knowing the impact surface of the code you're writing and, but then having to type everything because things can be any. So is TypeScript a strongly typed language though?

TypeScript's Type System Flexibility

Short description:

TypeScript's Incremental Typing and Powerful Type System.

Yeah, I would say like it's strongly typed, but it gives you a lot of, I would say, space to expand upon later on. Like you can, instead of doing any, I would recommend like doing TS-ignore and you can later on, after learning a bit more of TypeScript, you can later come back and say, yeah, I can now type this. I would make it more type safe. So it's incrementally, you can incrementally add up the code base to be more type safe. And speaking of TypeScript, I think the type system is so powerful, like it's literally you can do type-level programming in TypeScript types, it's, I would say there is an issue in GitHub in TypeScript people that says TypeScript can, TypeScript type system is, what is the, I forget the name, like you can literally do programming. I myself created a CSS parser on the type level. So that's pretty crazy things you can do with typesets. And the DX it provides, I think the best in class. So I think it's pretty great.

Good. Excellent. Great points actually. And I think that is exactly why it is as popular as it is and it grew in popularity in contrast to reasonable rescript and other alternatives that are very strictly typed and don't allow a lot of room for you to go easy on it initially. So those are good points. And I want to ask the studio now to put up another question that we have. All right. We have the results already here. Let me just open up on the big screen so I can see. So we are seeing view, Angular, no, Flutter. Amber. Okay. Yeah. Amber as well. Phoenix, Preact, of course Preact. LitHTML, which is web components. All right. Cool. There are some options. I mean, Angular is still very big as expected, right? Awesome. So the next poll question is also about if you're using anything compiled to React or JavaScript for production applications, other than of course just JavaScript and TypeScript.

Future Predictions in Component Development

Short description:

Predicting the Future of Component and UI Development in 2025.

So the next poll question is also about if you're using anything compiled to React or JavaScript for production applications, other than of course just JavaScript and TypeScript. Or actually the question has TypeScript as an option, so you could use that one. Let's see if any other language compiled to JavaScript is being used. We have some options there, but of course somebody can add an extra option. We'll come back to this at the end.

And now we can just go into the final part of this conversation. Before I get into that, the interesting thing is if you look back at Leland's prediction, he wasn't really expecting TypeScript to be the main language being used, the strong type language. In his opinion, it was ReasonML with Rescript or something like Swift, or even Kotlin. There's Kotlin script that compiles JavaScript as well. But now we are in 2021, 15 April, if we had to look, think about 2025, what kind of prediction would you make about this space, about the industry of writing components, writing UI elements? What do you think it's going to look like? What prediction would you make?

You want to go first, Tejas? Because you didn't answer the last time. I can. But I genuinely don't know how to answer this question. I have to give it to Leland, man. That's very brave to make such a prediction. It turned out to be spot on. This isn't my gift. So if I was to look into 2025, one trend we're seeing now is TypeScript is immensely valuable. So I feel like if I was to predict 2025, strongly typed languages will not go anywhere for sure. I think we might continue to see more declarative abstractions on top of otherwise imperative things. So I feel like React has set a trend. Whether React lives or dies is one thing. Irrespective of that, it's set this declarative component model that I think will carry through to 2025 for sure.

Predictions on TypeScript's Future Development

Short description:

Predictions on TypeScript's Future Development and Tooling Evolution.

Amazing. Great point. And what about you, Anurag? What do you think? Yeah, I think in five years we will need to be compiling the TypeScript. TypeScript is great, right? But it's a bit slow to build in a large project. So I think in the next five years we'll be using Rust and other low-level performant languages to compile TypeScript. It's already happening. There's a SWC compiler to compile TypeScript to JavaScript. It's already happening. So I would say it will happen in about five years.

That's an interesting point. And I also think tooling is going to get more and more built with lower level languages and faster languages. Ortega, I think everybody knows Ortega. He's famous in the JavaScript community and being involved. And he now works with TypeScript. He made a post this week actually about TypeScript's popularity. He mentioned how there were some rumors that the first version of TypeScript before TypeScript was actually written in C++. I would say that for that to happen, I would say it needs to come from Microsoft though. I don't know. But I wish it could happen and that could work. Not Microsoft, sorry. Google is behind TypeScript. No, it's Microsoft. No, Microsoft. Yeah, well, just got confused there.

And what about you, Arianne. What predictions would you make? I know you started talking about React Native. What else would you say? I just compliment the teachers. And I heard them talking about TypeScript. I think TypeScript will become a job requirement the same for every web developer.

React and TypeScript Evolution Predictions

Short description:

Predicting the Continued Popularity and Evolution of React and TypeScript.

I think TypeScript will become a job requirement the same for every web developer. Even for the basic. But I think every web developer will have to know JavaScript. Sorry, TypeScript. And about React. I don't know if I'm being bold. But I think React maybe in the future maybe we now we have, for example, React Native building for Web as well. Maybe in the future we can have build desktop apps with React. Who knows? And for example, when you talk about today, we have a bunch of new projects with React and React Native. So, this project that's new today for three years, we have to maintain them. You know? I think we have new projects as well. And we also have to maintain the old ones that became more old in a few years. You know? So, my prediction is React will still be popular. It will still be popular. And it's hard to be 100% sure. Because if you think about six, five years ago when Angular was released and was very popular and was the hype at the moment, you know, who would imagine that we'll have another framework that was React that will take the Angular's place. You know? So, what are my predictions? The way React is solid and, you know, widely used. Developers and new developers that are interested in using React and learning React, you know, I think it could be seen as hype in a few years.

Awesome. That's great. Great prediction. And that's it. Folks, thank you very much for listening to us. I just want to wrap up showing the results of the last poll. If we can, studio, let me just take a look here. TypeScript, everybody's compiling with TypeScript. Some are using Dart. Flo is still around, but all right. And Svelte is in there, CoffeeScript. All right. Very cool. Excellent. Now, if you want to take a risk at making a prediction, make a tweet making a prediction, hashtag G2I, hashtag Reactsummit. And definitely retweet your tweet. Thank you very much, everybody. Thank you all, the panelists, for participating in this. It was a pleasure.

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

A Guide to React Rendering Behavior
React Advanced 2022React Advanced 2022
25 min
A Guide to React Rendering Behavior
Top Content
This transcription provides a brief guide to React rendering behavior. It explains the process of rendering, comparing new and old elements, and the importance of pure rendering without side effects. It also covers topics such as batching and double rendering, optimizing rendering and using context and Redux in React. Overall, it offers valuable insights for developers looking to understand and optimize React rendering.
Building Better Websites with Remix
React Summit Remote Edition 2021React Summit Remote Edition 2021
33 min
Building Better Websites with Remix
Top Content
Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.
React Compiler - Understanding Idiomatic React (React Forget)
React Advanced 2023React Advanced 2023
33 min
React Compiler - Understanding Idiomatic React (React Forget)
Top Content
Watch video: React Compiler - Understanding Idiomatic React (React Forget)
Joe Savona
Mofei Zhang
2 authors
The Talk discusses React Forget, a compiler built at Meta that aims to optimize client-side React development. It explores the use of memoization to improve performance and the vision of Forget to automatically determine dependencies at build time. Forget is named with an F-word pun and has the potential to optimize server builds and enable dead code elimination. The team plans to make Forget open-source and is focused on ensuring its quality before release.
Using useEffect Effectively
React Advanced 2022React Advanced 2022
30 min
Using useEffect Effectively
Top Content
Today's Talk explores the use of the useEffect hook in React development, covering topics such as fetching data, handling race conditions and cleanup, and optimizing performance. It also discusses the correct use of useEffect in React 18, the distinction between Activity Effects and Action Effects, and the potential misuse of useEffect. The Talk highlights the benefits of using useQuery or SWR for data fetching, the problems with using useEffect for initializing global singletons, and the use of state machines for handling effects. The speaker also recommends exploring the beta React docs and using tools like the stately.ai editor for visualizing state machines.
Routing in React 18 and Beyond
React Summit 2022React Summit 2022
20 min
Routing in React 18 and Beyond
Top Content
Routing in React 18 brings a native app-like user experience and allows applications to transition between different environments. React Router and Next.js have different approaches to routing, with React Router using component-based routing and Next.js using file system-based routing. React server components provide the primitives to address the disadvantages of multipage applications while maintaining the same user experience. Improving navigation and routing in React involves including loading UI, pre-rendering parts of the screen, and using server components for more performant experiences. Next.js and Remix are moving towards a converging solution by combining component-based routing with file system routing.
React Concurrency, Explained
React Summit 2023React Summit 2023
23 min
React Concurrency, Explained
Top Content
Watch video: React Concurrency, Explained
React 18's concurrent rendering, specifically the useTransition hook, optimizes app performance by allowing non-urgent updates to be processed without freezing the UI. However, there are drawbacks such as longer processing time for non-urgent updates and increased CPU usage. The useTransition hook works similarly to throttling or bouncing, making it useful for addressing performance issues caused by multiple small components. Libraries like React Query may require the use of alternative APIs to handle urgent and non-urgent updates effectively.

Workshops on related topic

React Performance Debugging Masterclass
React Summit 2023React Summit 2023
170 min
React Performance Debugging Masterclass
Top Content
Featured Workshop
Ivan Akulov
Ivan Akulov
Ivan’s first attempts at performance debugging were chaotic. He would see a slow interaction, try a random optimization, see that it didn't help, and keep trying other optimizations until he found the right one (or gave up).
Back then, Ivan didn’t know how to use performance devtools well. He would do a recording in Chrome DevTools or React Profiler, poke around it, try clicking random things, and then close it in frustration a few minutes later. Now, Ivan knows exactly where and what to look for. And in this workshop, Ivan will teach you that too.
Here’s how this is going to work. We’ll take a slow app → debug it (using tools like Chrome DevTools, React Profiler, and why-did-you-render) → pinpoint the bottleneck → and then repeat, several times more. We won’t talk about the solutions (in 90% of the cases, it’s just the ol’ regular useMemo() or memo()). But we’ll talk about everything that comes before – and learn how to analyze any React performance problem, step by step.
(Note: This workshop is best suited for engineers who are already familiar with how useMemo() and memo() work – but want to get better at using the performance tools around React. Also, we’ll be covering interaction performance, not load speed, so you won’t hear a word about Lighthouse 🤐)
Next.js for React.js Developers
React Day Berlin 2023React Day Berlin 2023
157 min
Next.js for React.js Developers
Top Content
Featured WorkshopFree
Adrian Hajdin
Adrian Hajdin
In this advanced Next.js workshop, we will delve into key concepts and techniques that empower React.js developers to harness the full potential of Next.js. We will explore advanced topics and hands-on practices, equipping you with the skills needed to build high-performance web applications and make informed architectural decisions.
By the end of this workshop, you will be able to:1. Understand the benefits of React Server Components and their role in building interactive, server-rendered React applications.2. Differentiate between Edge and Node.js runtime in Next.js and know when to use each based on your project's requirements.3. Explore advanced Server-Side Rendering (SSR) techniques, including streaming, parallel vs. sequential fetching, and data synchronization.4. Implement caching strategies for enhanced performance and reduced server load in Next.js applications.5. Utilize React Actions to handle complex server mutation.6. Optimize your Next.js applications for SEO, social sharing, and overall performance to improve discoverability and user engagement.
Concurrent Rendering Adventures in React 18
React Advanced 2021React Advanced 2021
132 min
Concurrent Rendering Adventures in React 18
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
With the release of React 18 we finally get the long awaited concurrent rendering. But how is that going to affect your application? What are the benefits of concurrent rendering in React? What do you need to do to switch to concurrent rendering when you upgrade to React 18? And what if you don’t want or can’t use concurrent rendering yet?

There are some behavior changes you need to be aware of! In this workshop we will cover all of those subjects and more.

Join me with your laptop in this interactive workshop. You will see how easy it is to switch to concurrent rendering in your React application. You will learn all about concurrent rendering, SuspenseList, the startTransition API and more.
React Hooks Tips Only the Pros Know
React Summit Remote Edition 2021React Summit Remote Edition 2021
177 min
React Hooks Tips Only the Pros Know
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
The addition of the hooks API to React was quite a major change. Before hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can mess up with hooks. And it often turns out there are many ways where you can improve your components a better understanding of how each React hook can be used.You will learn all about the pros and cons of the various hooks. You will learn when to use useState() versus useReducer(). We will look at using useContext() efficiently. You will see when to use useLayoutEffect() and when useEffect() is better.
Introducing FlashList: Let's build a performant React Native list all together
React Advanced 2022React Advanced 2022
81 min
Introducing FlashList: Let's build a performant React Native list all together
Top Content
Featured Workshop
David Cortés Fulla
Marek Fořt
Talha Naqvi
3 authors
In this workshop you’ll learn why we created FlashList at Shopify and how you can use it in your code today. We will show you how to take a list that is not performant in FlatList and make it performant using FlashList with minimum effort. We will use tools like Flipper, our own benchmarking code, and teach you how the FlashList API can cover more complex use cases and still keep a top-notch performance.You will know:- Quick presentation about what FlashList, why we built, etc.- Migrating from FlatList to FlashList- Teaching how to write a performant list- Utilizing the tools provided by FlashList library (mainly the useBenchmark hook)- Using the Flipper plugins (flame graph, our lists profiler, UI & JS FPS profiler, etc.)- Optimizing performance of FlashList by using more advanced props like `getType`- 5-6 sample tasks where we’ll uncover and fix issues together- Q&A with Shopify team
React, TypeScript, and TDD
React Advanced 2021React Advanced 2021
174 min
React, TypeScript, and TDD
Top Content
Featured Workshop
Paul Everitt
Paul Everitt
ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs? That three-part combination is the topic of this series. We'll show a little about a lot. Meaning, the key steps to getting productive, in the IDE, for React projects using TypeScript. Along the way we'll show test-driven development and emphasize tips-and-tricks in the IDE.