React Summit

React Summit 2023

Future of FE Frameworks

Juri Strumpflohner

Dominik Dorfmeister

Lenz Weber-Tronic

Mark Erikson

Anuradha Kumari

Giorgio Boa

Miško Hevery

Mukkund Sunjii

Brad Westfall

Christian Ivicevic

Giulio Zausa‮ 

So CRA is no more and it probably was about time. The React docs suggest Next, Remix or Gatsby...but you're not ready yet for a full-blown React Meta-Framework and really just want pure React. Any alternatives? In this talk, I'm going to explore exactly that. We've got 7 minutes, so no slides, just code where we're going to set up a new React standalone application using Nx.

No CRA? What now?

JS Nation

JSNation 2023

They gave me just 7 minutes! So this is a no-slides, just code talk! I'm gonna show you a Yarn/NPM/PNPM workspaces-based monorepo implementation and how we can speed it up. In particular, I'm using Nx on top to get better parallelization, the ability to define task pipelines, caching, and more. Curious? Join me!

Package-based Monorepos - Speed Up in Under 7 Minutes

Node Congress

Node Congress 2023

In today's fast-paced software development landscape, it's essential to have tools that allow us to build, test, and deploy our applications quickly and efficiently. Being able to ship features fast implies having a healthy and maintainable codebase, which can be tricky and daunting, especially in the long-run.In this talk, we'll explore strategies for building maintainable Node backends by leveraging tooling that Nx provides. This includes how to modularize a codebase, using code generators for consistency, establish code boundaries, and how to keep CI fast as your codebase grows.

Next Generation Code Architecture for Building Maintainable Node Applications

All right. Welcome to my lightning talk. And I'm going to talk about the database magic behind 40 million operations a second. It all starts with a company behind. So the clicker is clicking. Yeah. The company doing this is called Amadeus. You might have heard of this company. You might have heard not of this company. The company is doing business to business for travel agencies, for the airlines, everything around travel. Meaning if you go look for a ticket, let's say to fly from Berlin to, I don't know, New York. The Amadeus database underneath, by the way, it doesn't really matter whom you will be talking to a part of Expedia, Kayak, or it doesn't matter. Underneath it's always Amadeus database. It has to answer quite quickly like this because the traffic is growing. And if they don't answer in the right time, they're losing money. Now on the graph, you can see if it all started with the graph 2011, I would say it's roughly 600K availability requests per second. 2019, the presentation was created. It's by the way, not my slide. It's the slide directly from Amadeus. It was 15.2 million availability requests per second. And it has to go really, really, really quickly. By the time 2023, you can sum it up. It's give or take 40 million a second because each year they face a growth of 40% a year. Now to handle all of this, you need a good database, not only good, but reliable and also fast. And that database is Couchbase underneath. Couchbase is a distributed database, which was built with scaling out in mind and doing the requests really, really quickly. Normally in the normal landscape, you would have a lot of components such as relational database to run transactions. You would have a NoSQL database for the flexibility. You would cache everything. And then you would have a full text search engine, eventing, maybe analytics and some mobile database for your phone, laptop, and also the web browser. With Couchbase, you have everything in one hand. We have all of these capabilities. And that is a small list of what's possible with Couchbase. Flexible, because we use the JSON model. It's scalable. We can have up to 1024 nodes. It's really fast because you can talk to Couchbase key value or SQL++. It's our own version of SQL. And it's compatible with ANSI standard 2003. It's highly available. It's quite reliable because with Amadeus, they had not a single downtime with the time they use Couchbase. It's always on, always running, always scaling out, always serving the customer's traffic. So if you've been looking for the tickets, you probably know that normally it's answering times are quite low. We also have embedded caching inside. And we have a mobile database, really important. Deployment is quite flexible. You can run on your own premises with traditional old-fashioned binaries. You can use the Kubernetes operator. And you can use our own cloud, which is called Capella. It's like right there on my T-shirt. And it runs on AWS, Google, or Microsoft Asia. Go try it out. It's quite easy to use. There are always examples for Node.js. And now I'm open to answer your questions. See? It was not even seven minutes. It was quite precisely four minutes. So questions? Yes. What is the mobile database? The mobile database, the question was, what is the mobile database? The mobile database is a light version of the database, which is installed on mobile devices, on Raspberry Pi, on web browser. And it's synchronizing the data with the main database in the cloud on your premises of a special component. This component is making sure that your device is getting only the data it's supposed to get. So it's lightweight database. Let's put it this way. It's designed to work offline first. The components with mobile databases can talk to each other peer-to-peer. Yes. What about the vector database? I'm not sure I would have answer to the question about vector database. Not really. We don't have support for vector database. Sorry. It's either JSON or binaries. Nothing else. Yes, please. Is there any special data model for... Well, it's JSON. So basically, we can digest all the JSON documents up to 20 megabytes. Okay, I see no more questions. So let's have a small break then.


Remix Conf Europe

Remix Conf Europe 2022

Remix entered the stage with a unique and refreshing take on how to develop on the web. But how do you integrate it into your existing ecosystem of applications? Do you want to test-drive Remix on a small project, or do you want to go full-in, but it is tricky to do a big-bang migration from your existing React app? In this talk, we're going to explore how a monorepo-based code organization can help integrate Remix with your existing React and TypeScript infrastructure, facilitating high code reuse and a migration path to Remix. by <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Remixing Your Stack in a Monorepo Workspace

React Summit 2022

Monorepos have been around for some time but only recently gained popularity in the JavaScript community. The promise of easily sharing code, better enforcing organizational standards, greater developer mobility due to common tooling, and more is very appealing. Still, if approached naively, a monorepo will quickly turn into a huge mess: skyrocketing slow CI times, spaghetti dependencies among projects, hard to navigate, and ultimately leading to frustration. In this talk, we will look at the available tooling, how to kickstart a new React monorepo in particular, and we will learn the key ingredients required to build a successful, long-running monorepo that scales. by <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Fast React Monorepos with High Quality DX

React Finland

React Finland 2021

We often talk and hear about scaling in production, but we rarely talk about scaling development. Aspects like structuring and organizing your codebase, code sharing across teams, speeding up build and test runs can play a huge role in terms of productivity for a developer team. That impacts small teams but gets even more evident as your team grows and especially for large enterprises. In this short talk I'm going to demo Nx and what it can do for you to help you modularize your React code, generate code for you, help you build faster and much more. Tune in to learn about the build framework you've been missing in your tool belt! <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

React on Steroids with Nx!

React Summit Remote Edition

React Summit Remote Edition 2021

In this talk, I will show you how to avoid a monolithic codebase, how to modularize your React app and how that might even help you speed up your CI builds: thus help you scale development as your team grows. We'll be doing this in a very concrete and practical way, using Nx as our toolkit. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Scaling React Development with Nx