I am hooked on React

Nov 16, 2018Download as PPTX, PDF0 likes651 views

The document discusses React hooks, a new addition to React that allows using state and other React features without writing classes. It provides an overview of hooks like useState, useEffect, and useContext that allow managing state, side effects, and context in function components. It also covers rules for using hooks, examples of custom hooks, and notes that classes will continue to work while hooks provide an alternative functional style.

I am hooked on React
Maurice de Beijer - @mauricedb

 Maurice de Beijer
 The Problem Solver
 Microsoft MVP
 Freelance developer/instructor
 Twitter: @mauricedb
 Web: http://www.TheProblemSolver.nl
 E-mail: maurice.de.beijer@gmail.com
2ABL - The Problem Solver

History
of
Components
© ABL - The Problem Solver 4

Original
Component
API
© ABL - The Problem Solver 5

Class
Components
© ABL - The Problem Solver 6

State
&
Lifecycle
© ABL - The Problem Solver 7

The problem
with classes
© ABL - The Problem Solver 8

Fat arrow for
some functions
© ABL - The Problem Solver 10

Single
responsibility
in multiple
functions
© ABL - The Problem Solver 11

Functional
Components
© ABL - The Problem Solver 12

The
Problem
© ABL - The Problem Solver 13

If your only
tool …
© ABL - The Problem Solver 15

Deeply
Nested
Components
© ABL - The Problem Solver 16

Many are
wrappers to
add props
© ABL - The Problem Solver 17

Render
Props
© ABL - The Problem Solver 18

Introducing
Hooks
© ABL - The Problem Solver 20

useState()
© ABL - The Problem Solver 22

Just
State
© ABL - The Problem Solver 23

useEffect()
© ABL - The Problem Solver 24

The
Context
© ABL - The Problem Solver 25

Render
Props
© ABL - The Problem Solver 26

useContext()
© ABL - The Problem Solver 27

All hooks
 Basic hooks
 useState()
 useEffect()
 useContext()
 Additional Hooks
 useReducer()
 useMutationEffect()
 useLayoutEffect ()
 useCallback ()
 useMemo()
 useRef()
 useImperativeMethods()
 Custom hooks
 …
© ABL - The Problem Solver 29

Custom
Hooks
© ABL - The Problem Solver 30

Using
The
Hook
© ABL - The Problem Solver 31

Abortable
Fetch
Hook
© ABL - The Problem Solver 32

Fetch
Request
© ABL - The Problem Solver 33

Rules
of
Hooks
© ABL - The Problem Solver 34
 Hooks can only be used in functional components
 Or in other hooks
 Not in class based components
 Hooks must always be created in the same order
 Must be outside loops, conditions or nested functions
 Hooks names must be prefixed with `use`
 There is an ESLint plugin to enforce these rules

Hooks are
optional
© ABL - The Problem Solver 35

Classes will
keep on
working
© ABL - The Problem Solver 36

It’s a
Proposal
© ABL - The Problem Solver 37
https://reactjs.org/hooks

Maurice de Beijer
@mauricedb
maurice.de.beijer
@gmail.com
© ABL - The Problem Solver 38

Building a small to medium size business application with React isn't terribly hard. It has been done lots of times and there is plenty of information about what works and what doesn't. However building a large, complex, distributed and mission critical application with React is another matter. Add occasional poor mobile connectivity and things become really challenging. That doesn't mean that it is impossible, it is just harder to architect and develop. In this session Maurice de Beijer will share his experiences in building a globally deployed application that is used by thousands of people who depend on the availability and proper functioning of the application for a safe work environment. https://www.meetup.com/nl-NL/tilburg-tech-tuesdays/events/277150883/

Building reliable applications with React, C#, and AzureMaurice De Beijer [MVP]

This document discusses several topics related to frontend development including TypeScript, hosting, testing, APIs, and runtime errors. It provides information on using TypeScript for type safety and features like mapped types and ES modules. For hosting, it recommends Azure Blob storage and CDN for production and Vite for development. It also discusses test-driven development including using Cypress for end-to-end tests. Managing API types and updates using OpenAPI and NSwag is described as well as handling runtime errors with Application Insights.

Building Reliable Applications Using React, .NET & AzureMaurice De Beijer [MVP]

Een kleine React applicatie bouwen met een backend is niet moeilijk. Maar wat als de applicatie groter en complexer wordt? Dan wordt het een ander verhaal. En al helemaal als het een publiek toegankelijke applicatie is. Plotseling blijkt dat allerlei vaak gedane aannames niet meer kloppen. Je krijgt te maken met netwerkstoringen en schaalbaarheid. Verschillende teams die onafhankelijk van elkaar aan de front- en backend werken. Runtime fouten die optreden omdat sommige browsers toch net even anders blijken te werken dan je verwacht. In deze sessie gaat Maurice de Beijer zijn ervaringen delen over hoe je dit aan kan pakken.

Create an architecture for web test automationElias Nogueira

Story Testing Approach for Enterprise Applications using Selenium FrameworkOleksiy Rezchykov

Jenkins as the Test Reporting FrameworkNitin Sharma

Test Reporting Framework are the ultimate utilities reached by very few companies in the world likes of google & facebook. It require significant investment in terms money and resources. To optimize on both we tried the approach of extending Jenkins for the same purpose. We like to share our experiences with respect to this journey. We will talk about different cahllenges we faced in doing so and how we solved them. We strongly believe that other startup can use our experience and get benefit from this immensely.

Adventures with MicroservicesAnand Agrawal

I have spent some time working on a project, and built 8 micro services and 2 applications, and planned to carve out a few more. Deployment was carried out in a farm of 25 servers in production with a single click in less than 3 minutes. This presentation is about the experiences with building a micro service based architecture - the good, the bad and the ugly. - What are micro services? - When/Why/How micro services? - Why NOT micro services? - Managing Continuous Integration and Continuous Delivery with micro services - A few design principles that we followed and that worked for us

Testing lightning components feb 15th 2018Richard Clark

140 releases per monthManuel Vacelet

Tests for Every Branch Using CircleCI and Sauce Labs to Continuously Test CS ...Sauce Labs

In this webinar presentation, Brian Jordan gives a tour of Code.org’s continuous, automated cross-browser testing suite, newly integrated with CircleCI. Brian discusses how Code.org’s small engineering team approaches testing throughout the product development cycle, including a suite of cross-browser tests using Sauce Labs that now run for every single commit an engineer pushes to their feature branch.

Virtual Dreamin Salesforce DevOps Top 10Richard Clark

Modern software testing and processes 2019Karim Fanadka

This document discusses modern functional testing and DevOps. It provides an overview of the speaker including their experience and role. It then discusses QA team structures, timelines versus tasks, and how QA needs to adapt to keep up with faster release cycles. Various testing approaches are presented including automation, manual testing, different test environments, API and integration testing. The importance of automation, regression testing and tracking work is emphasized to support continuous delivery.

Level Up Your Salesforce Unit TestingGordon Bockus

Angular2 UpgradeWealthBar Financial Services

Alexey Kupriyanenko "Release Early, Often, Stable"Fwdays

How to go about testing in React? Lisa Gagarina

Feature ToggleBryan Liu

Feature toggles allow companies to decouple development from deployment, reduce risks from merging code, and experiment with new features without impacting production. They provide an alternative to feature branches for releasing code incrementally. Companies like LinkedIn and Facebook use feature toggles extensively to enable continuous deployment and A/B testing in a safe manner. Frameworks exist for implementing feature toggles in various programming languages.

Branching Strategies For Git and SubversionElian, I.

The document discusses branching strategies for Subversion and Git source control systems. For Subversion, the trunk is used for development and branches are used for releases and bug fixes. Changes are merged back into the trunk. For Git, the develop branch is used for development, the master branch is the golden image with no direct check-ins, and release and bugfix branches are used for releases which are deployed from those branches. Tags are used to mark specific versions in both systems.

Amsterdam JUG - Continuous performanceBert Jan Schrijver

The document discusses using Gatling for continuous performance testing. It recommends making performance testing part of the development process rather than something done by specialists separately. Gatling allows developers to define load testing scenarios in a Scala DSL and get reports on performance. The presentation demonstrates recording a browser session in Gatling, modifying the scenario, running a test and interpreting the results. While Gatling gives performance feedback quickly, it is best for monitoring trends rather than determining a system's maximum load capacity.

Unit Testing Asp.net and Asp.net MVCGil Zilberfeld

This document discusses unit testing ASP.Net and ASP.Net MVC applications. It notes that ASP.Net applications are difficult to test because they rely on server state like HttpContext. Testing through a browser is slow and hard to debug. However, ASP.Net MVC is more test-friendly as it works through interfaces and BaseHttpContext, but still has challenges like testing redirection and custom code. The document provides examples of testing what is written to the client, an MVC controller, and security logging. It promotes downloading Isolator.Net and Ivonna for isolation testing and concludes by calling the audience to action.

Codemotion tech pills - Continuous performanceBert Jan Schrijver

The document discusses using Gatling for continuous performance testing as part of the development process. It recommends designing generic and specialized test scenarios and recording them in Gatling's DSL. A demo shows converting a browser recording to Gatling code and executing the test to generate reports. While this approach provides early feedback on performance impacts, it is noted that it does not determine maximum supported load in production. The benefits seen so far include preventing issues and helping optimize performance.

How to Build Single Page HTML5 Apps that ScalePhil Leggetter

Developing large apps is difficult. Ensuring that code is consistent, well structured, tested, maintainable and has an architecture that encourages enhancement is essential. When it comes to large server-focused apps, solutions to this problem have been tried and tested. But, how do you achieve this when building HTML5 single page apps? In this talk we’ll cover the signs to watch out for as your HTML5 SPA grows and provide examples of some of the tooling types that can contribute-to as well as ease the growing pains. Finally, we’ll demonstrate how tooling can be used to support a set of conventions, practices and principles that enable a productive developer workflow where the first line of code is feature code, features can be developed in isolation, code conflicts are avoided by grouping assets by feature and features are composed into apps. The demonstrations will use BladeRunnerJS, an open source developer toolkit written in Java, but the concepts are widely applicable.

Angular 2 in-1 GlobalLogic Ukraine

The document provides an overview of Angular concepts and best practices. It begins with an "Angular Alphabet" that defines essential Angular elements and concepts corresponding to each letter. It then discusses specific concepts in more detail, such as components, directives, services and templates. It concludes by recommending next steps like exploring the Angular glossary, creating a sample project and sharing it for review.

Patterns of a "Good" Test Automation Framework, Locators & DataAgile Testing Alliance

This document discusses common patterns used in test automation frameworks, including page object, business layer, singleton, composition, and factory patterns. It describes the page object pattern and limitations like test intent becoming imperative. The business layer page object pattern addresses these by validating business requirements. Test data patterns are also discussed, with criteria like data being complex, unique, and potentially dynamic. External files, properties, and databases are examples of specifying test data. Locator patterns include specifying locators in page objects or separate files. Overall, patterns aid in communication, reduce complexity, and help tests be of production quality and easier to implement, maintain, and scale. The best pattern depends on the specific context.

Feature togglesAnand Agrawal

Test & Dynamics CRM - extremeCRM Berlin 2012Wael Hamze

Canadian Cloud Summit 2022 - SharePoint Framework Tests IntroductionLaurent Sittler

More and more companies want some feedback and reports during the development of your SharePoint components, how can you implement tests to ensure that your component still working and match the final users' requirements? We will see together what kind of tests and the degree of helpful details for a developer and the other tests that can help you to ensure your component meets the acceptance criteria. This session will expose the basics, the pros, and the cons of the implementation of unit tests (jest) and e2e (testcafé) tests and how to automate them (DevOps CI)

Introduction cypressOim Trust

This document introduces Cypress, an open-source test runner for front-end applications. It is described as fast, easy to use, and reliable for testing anything that runs in a browser. Key benefits highlighted include being fast, open source, working on any front-end framework, being friendly for developers and QA engineers using JavaScript, and having features like time travel and real-time reloading. The document also provides instructions on installing Cypress and running tests using its GUI runner or headless mode.

Why I am hooked on the future of ReactMaurice De Beijer [MVP]

The document discusses the history and evolution of React components from classes to hooks. It introduces hooks as a new way to use state and other React features without writing classes. Hooks allow extracting component logic into reusable functions. This improves code reuse and makes components more readable and composable. The document outlines the basic hooks like useState, useEffect, and useContext as well as additional hooks and rules for using hooks.

Why I am hooked on the future of ReactMaurice De Beijer [MVP]

This document discusses the history and evolution of React components from classes to hooks. It covers the problems with class components, such as complex this bindings and lifecycle methods. Hooks are introduced as a way to use state and side effects in function components by using functions like useState, useEffect and useContext. Custom hooks are also discussed as a way to extract component logic into reusable functions. The document emphasizes that hooks are optional and classes will continue to work, but hooks allow for more flexible and composable components.

More Related Content

What's hot (20)

140 releases per monthManuel Vacelet

Tests for Every Branch Using CircleCI and Sauce Labs to Continuously Test CS ...Sauce Labs

Virtual Dreamin Salesforce DevOps Top 10Richard Clark

Modern software testing and processes 2019Karim Fanadka

Level Up Your Salesforce Unit TestingGordon Bockus

Angular2 UpgradeWealthBar Financial Services

Alexey Kupriyanenko "Release Early, Often, Stable"Fwdays

How to go about testing in React? Lisa Gagarina

Feature ToggleBryan Liu

Branching Strategies For Git and SubversionElian, I.

Amsterdam JUG - Continuous performanceBert Jan Schrijver

Unit Testing Asp.net and Asp.net MVCGil Zilberfeld

Codemotion tech pills - Continuous performanceBert Jan Schrijver

How to Build Single Page HTML5 Apps that ScalePhil Leggetter

Angular 2 in-1 GlobalLogic Ukraine

Patterns of a "Good" Test Automation Framework, Locators & DataAgile Testing Alliance

Feature togglesAnand Agrawal

Test & Dynamics CRM - extremeCRM Berlin 2012Wael Hamze

Canadian Cloud Summit 2022 - SharePoint Framework Tests IntroductionLaurent Sittler

Introduction cypressOim Trust

140 releases per monthManuel Vacelet

Tests for Every Branch Using CircleCI and Sauce Labs to Continuously Test CS ...Sauce Labs

Virtual Dreamin Salesforce DevOps Top 10Richard Clark

Modern software testing and processes 2019Karim Fanadka

Level Up Your Salesforce Unit TestingGordon Bockus

Angular2 UpgradeWealthBar Financial Services

Alexey Kupriyanenko "Release Early, Often, Stable"Fwdays

How to go about testing in React? Lisa Gagarina

Feature ToggleBryan Liu

Branching Strategies For Git and SubversionElian, I.

Amsterdam JUG - Continuous performanceBert Jan Schrijver

Unit Testing Asp.net and Asp.net MVCGil Zilberfeld

Codemotion tech pills - Continuous performanceBert Jan Schrijver

How to Build Single Page HTML5 Apps that ScalePhil Leggetter

Angular 2 in-1 GlobalLogic Ukraine

Patterns of a "Good" Test Automation Framework, Locators & DataAgile Testing Alliance

Feature togglesAnand Agrawal

Test & Dynamics CRM - extremeCRM Berlin 2012Wael Hamze

Canadian Cloud Summit 2022 - SharePoint Framework Tests IntroductionLaurent Sittler

Introduction cypressOim Trust

Similar to I am hooked on React (20)

Why I am hooked on the future of ReactMaurice De Beijer [MVP]

The new React Maurice De Beijer [MVP]

This document summarizes React hooks and new features in a presentation. It introduces basic hooks like useState and useEffect, and more advanced hooks such as useReducer, useContext and custom hooks. It also covers new features like lazy loading components, concurrent React rendering, and the potential for ReactCache to improve data loading. The goal is to explain the future of React with its increased use of hooks and functional programming principles.

Better React state management with ReduxMaurice De Beijer [MVP]

This document outlines a workshop on using Redux for state management in React applications. It introduces Redux, its core principles of single source of truth, state is read-only, and changes are made with pure functions. It demonstrates setting up a sample application with Redux, including actions, reducers, the store, middleware, and connecting React components. The document guides integrating Redux for user login/logout, loading movies data, playing movies, and filtering movies.

Production-ready Next.js App with Cursor AIMaurice De Beijer [MVP]

Code Less, Create More: AI-Driven App Development for React Devs. Join us for a workshop designed for React developers eager to harness the power of AI to streamline their app development process. In "Code Less, Create More," you'll learn how to build applications using the Cursor IDE with the power of AI and minimal manual coding. Explore how Cursor, an AI-enhanced code editor, revolutionizes your coding experience by seamlessly integrating with your existing workflow. Uncover its advanced capabilities: predicting your next edits, offering real-time code suggestions, and comprehending your project's architecture. This allows you to channel your energy into creativity and innovation rather than grappling with syntax and repetitive tasks. We'll guide you through initializing a Next.js project, demonstrating how to utilize AI tools to efficiently craft dynamic, responsive applications. By the workshop's conclusion, you'll possess the skills to construct sophisticated software with reduced coding effort, empowering you to become a more productive and innovative developer. Whether you're a seasoned React developer or new to AI-assisted coding, this workshop will equip you with the knowledge and tools to elevate your development projects to the next level.

Practice TypeScript Techniques Building React Server Components AppMaurice De Beijer [MVP]

This document discusses various TypeScript techniques for building React server components applications. It covers topics like compiling code to catch errors, using the satisfies operator, custom type mappings, opaque types, readonly types, template literal types, and typing JSON files. The document provides examples for each technique and emphasizes how they can improve type safety, prevent errors, and optimize code. It also recommends applying these techniques and running type checks on pull requests.

The productive developer guide to ReactMaurice De Beijer [MVP]

Ch06.pptDeekshithaReddy63

The document discusses design patterns and provides examples of several common patterns including abstraction-occurrence, general hierarchy, player-role, singleton, observer, delegation, adapter, and facade patterns. For each pattern, the context, problem, forces, solution, and examples are described. Design patterns provide reusable solutions to commonly occurring problems in software design and allow developers to learn from prior experience.

React suspense, not just for Alfred HitchcockMaurice De Beijer [MVP]

The React team has rewritten the book on developing components several times. This time they have introduced Suspense. Amongst other thing this makes splitting your application into multiple bundles easier. But that is only the start as the real innovation comes when loading data. Gone are the side effect hooks with the typical loading, loaded and error states. Instead we can suspend components when loading data. Need to do multiple request? No problem you can suspend multiple components at the same time if you want. Need to trap errors? No problem just use a standard React error boundary. Come to this session to learn what React Suspense can do for you.

Building high-performance web applications with PreactMaurice De Beijer [MVP]

The document discusses building high performance web applications with Preact. It introduces Preact as a fast and lightweight alternative to React, highlighting its small file size and ability to run React components with minimal changes. It also covers the PRPL pattern for progressive web apps, which pushes critical resources, renders the initial route, pre-caches remaining routes, and lazily loads remaining routes for optimal performance.

Mastering React Server Components and Server Actions in React 19Maurice De Beijer [MVP]

Explore the world of React Server Components, seamlessly blending server-side rendering with client-side interactivity for unmatched performance and user experience. Dive into React Server Actions to see how they combine client-side interactivity with server-side logic, making it easier to develop interactive applications without traditional API constraints. Get hands-on experience with practical exercises, real-world examples, and expert guidance on implementing these technologies into your projects. Learn essential topics such as the differences between Server and Client Components, optimizing data fetching, passing data effectively, and maximizing performance with new React hooks like useActionState, useFormStatus and useOptimistic. Whether you're new to React or a seasoned pro, this workshop will equip you with the knowledge and tools to elevate your web development skills. Stay ahead of the curve and master the cutting-edge technology of React 19. Don't miss out - sign up now and unleash the full power of React!

Building high performance web applicationsMaurice De Beijer [MVP]

android ch5.pptxmohamedMoktarMohamed

The document discusses List Views and SQLite database management in Android applications. It covers topics like: - List Views in Android and common adapter types like ArrayAdapter and SimpleCursorAdapter. - Using Loaders to manage asynchronous data loading and handling configuration changes. The LoaderManager and LoaderCallbacks interfaces are explained. - Methods for interacting with an SQLite database like opening a database, executing queries, handling upgrades through a SQLiteOpenHelper subclass. - The document provides code examples for creating a database, parsing SQL scripts, and upgrading the database between versions.

Building high performance web applicationsMaurice De Beijer [MVP]

This document discusses building high performance web applications. It covers topics like what defines a fast application, useful tooling for measuring performance like the Chrome DevTools and WebPageTest, code splitting techniques, server side rendering, only rendering content above the fold, and minimizing HTTP requests and latency. The presenter emphasizes avoiding unnecessary work, doing as little as possible to display initial content to the user, and leveraging the browser and server capabilities to build fast and high performing web applications.

Building high performance web applicationsMaurice De Beijer [MVP]

This document discusses building high performance web applications. It covers topics like what defines a fast application, tools for measuring performance like Chrome DevTools and WebPageTest, techniques like code splitting, server-side rendering, only rendering content above the fold, and using service workers. The goal is to avoid unnecessary work, optimize code and assets, and leverage the browser and network effectively to improve performance.

Introduction to JavaScript for APEX Developers - Module 1: JavaScript BasicsDaniel McGhan

Vertafore: Database Evaluation - Selecting Apache CassandraDataStax Academy

Vertafore develops and delivers cloud-based insurance software and services for the insurance industry. In this session, we'll chronicle one development team's journey through the database technology landscape that led to the evaluation and selection of Apache Cassandra as part of DataStax Enterprise from a small pool of contenders. We'll describe the process from setup to selection, including evaluation guidelines, testing strategies, tools, as well as our mindset. We'll also describe the project's initial goals, some milestones, and our communication strategy to inform those with budgetary powers.

devops Somkiat Puisungnoen

The document introduces DevOps concepts including why DevOps is needed, its principles and goals. It discusses that DevOps aims to reduce the time between code changes and production deployment while ensuring quality. DevOps promotes a culture of collaboration between development and operations teams through practices like automation, continuous integration/delivery, and sharing of knowledge. It also covers DevOps maturity levels, team topologies and categories of tools that can support DevOps workflows.

Module 1: JavaScript BasicsDaniel McGhan

Westrich spock-assets-gumBrian Westrich

This document provides an overview of a presentation on test-driven development (TDD) using the Spock testing framework. The presentation discusses the history of TDD, presents a case study using Spock for TDD, explains how to write Spock tests as valuable assets, and covers best practices for testing effectively in teams. It also includes information about the presenter's background and consulting work, and an agenda for the content covered.

Why I am hooked on the future of ReactMaurice De Beijer [MVP]

The new React Maurice De Beijer [MVP]

Better React state management with ReduxMaurice De Beijer [MVP]

Production-ready Next.js App with Cursor AIMaurice De Beijer [MVP]

Practice TypeScript Techniques Building React Server Components AppMaurice De Beijer [MVP]

The productive developer guide to ReactMaurice De Beijer [MVP]

Ch06.pptDeekshithaReddy63

React suspense, not just for Alfred HitchcockMaurice De Beijer [MVP]

Building high-performance web applications with PreactMaurice De Beijer [MVP]

Mastering React Server Components and Server Actions in React 19Maurice De Beijer [MVP]

Building high performance web applicationsMaurice De Beijer [MVP]

android ch5.pptxmohamedMoktarMohamed

Building high performance web applicationsMaurice De Beijer [MVP]

Introduction to JavaScript for APEX Developers - Module 1: JavaScript BasicsDaniel McGhan

Vertafore: Database Evaluation - Selecting Apache CassandraDataStax Academy

devops Somkiat Puisungnoen

Module 1: JavaScript BasicsDaniel McGhan

Westrich spock-assets-gumBrian Westrich

More from Maurice De Beijer [MVP] (18)

Building Robust Web Applications with Test-Driven Development and Playwright:...Maurice De Beijer [MVP]

Get ready to take your front-end development skills to the next level with our hands-on workshop. In this four-hour session, you will learn the ins and outs of test-driven development using Playwright, a powerful tool that will revolutionize your web development workflow. Are you tired of spending endless hours debugging issues in your web applications? Dive deep into writing tests before writing code, ensuring top-notch quality and functionality in your web applications. Say goodbye to manual testing and hello to automated tests that catch bugs early in the development process. Join us for an interactive and fun workshop where you'll gain the confidence to elevate your front-end development game and build web applications like a pro. Don't let common pain points like inconsistent UI behavior or regression issues slow you down - learn how to effectively use Playwright to avoid these pitfalls and streamline your development process. Don't miss this opportunity to unlock the full potential of test-driven development with Playwright – sign up now and get ready to uplevel your skills!

A foolproof Way to Estimate a Software ProjectMaurice De Beijer [MVP]

Let's face the facts and admit it: Estimating how long it will take to build software is hard. Why is estimation so hard? Well there are some reasons for that. Many people tend to be optimistic about how long it will take to do a task. Not surprising when we learn the way memory works. It tends to skew our experiences from old projects. We often forget the many small setbacks encountered. Another reason is that many tasks are not included in the initial estimate. They only become visible over time. Does that mean that estimation is impossible and a waste of time? Not at all. Many software development activities are commercial activities. Starting something without even a rough estimate of what the costs and timeline will be is risky at best.

Surati Tech Talks 2022 / Build reliable Svelte applications using CypressMaurice De Beijer [MVP]

Tired of having users email you that your Svelte application is broken? Turns out that building reliable applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts, including the backend API’s, work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real world user would. In this session Maurice will show you how to use Cypress during development and on the CI server with Svelte. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Build reliable Svelte applications using CypressMaurice De Beijer [MVP]

Tired of having users email you that your web application is broken? Turns out that building reliable web applications is hard and requires a lot of testing. You can write unit tests but quite often these all pass and the application is still broken. Why? Because they test parts of the application in isolation. But for a reliable application we need more. We need to make sure that all parts work together as intended. Cypress is a great tool to achieve this. It will test you complete web application in the browser and use it like a real user would. In this session Maurice will show you how to use Cypress during development and on the CI server. He will share tips and tricks to make your tests more resilient and more like how an actual end user would behave.

Building Reliable Applications Using React, .NET & AzureMaurice De Beijer [MVP]

Building a small to medium size business application with React isn't terribly hard. It has been done lots of times and there is plenty of information about what works and what doesn't. However building a large, complex and mission critical application with React is another matter. How to configure reliable hosting on Azure for the front and back-end? How to track runtime errors that happen in the browser. And how to create an efficient workflow between front and back-end teams. In this session Maurice de Beijer will share his experiences in building a globally deployed application that is used by thousands of people who depend on the availability and proper functioning of the application for a safe work environment. https://azconf.dev/

Concurrent Rendering Adventures in React 18Maurice De Beijer [MVP]

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. https://reactadvanced.com/workshops-3h

Why I am hooked on the future of ReactMaurice De Beijer [MVP]

The React team rewrote the book on developing components. Before we had a choice between classes and functional components. Yet many components needed to be classes. A functional component was often too limited. Now, using hooks, we can extend functional components to be as powerful as we want. Suspense and asynchronous rendering is in the future of React. It will make large applications much more responsive and easier to deal with. Getting started with suspense and asynchronous rendering isn't hard as you will discover. Come to this session to learn what React hooks are and how to get started using hooks. But be warned, once seen React hooks can’t be unseen and your React components will never be the same again.

Building reliable web applications using CypressMaurice De Beijer [MVP]

Getting started with React Suspense and concurrent renderingMaurice De Beijer [MVP]

React keeps on evolving and making hard things easier for the average developer. One case, where React was not particularly hard but very repetitive, is working with AJAX request. There is always the trinity of loading, success and possible error states that had to be handled each time. But no more as the <Suspense /> component makes life much easier. Another case is performance of larger and complex applications. Usually React is fast enough but with a large application rendering components can conflict with user interactions. Concurrent rendering will, mostly automatically, take care of this. You will learn all about using , showing loading indicators and handling errors. You will see how easy it is to get started with concurrent rendering. You will make suspense even more capable by combining it with concurrent rendering, the useTransition() hook and the component.

From zero to hero with the Reactive extensions for JavaScriptMaurice De Beijer [MVP]

Reactive and functional programming, you have probably heard the term mentioned before. It’s supposed to be really cool and a good practice. But what is reactive programming exactly and how to get started with it in JavaScript? And why does Angular start using the reactive extensions for JavaScript (RxJS) instead of standard promises? In this presentation, Maurice is going to show you how to get started with RxJS, the JavaScript implementation of the ReactiveX library. You will learn why using RxJS is a great way of dealing with streams of events in an asynchronous and functional way.

From zero to hero with the reactive extensions for JavaScriptMaurice De Beijer [MVP]

Create flexible React applications using GraphQL apisMaurice De Beijer [MVP]

Using restful APIs can be hard on your React applications. Before you know it, you are doing lots of parallel queries to the server. Using GraphQL instead of REST might help a lot. Instead of downloading many complete resources each component declares its own needs. Then the GraphQL client library then combines these requirements. The result is a single optimized query for the server. In this session, Maurice de Beijer is going to show you how to get started with GraphQL in your React applications.

Create flexible react applications using GraphQL API'sMaurice De Beijer [MVP]

Docker for a .NET web developerMaurice De Beijer [MVP]

You have probably heard about Docker, these days it is a popular topic with cloud computing. But what does it take for a .NET developer to start with Docker? And where can you use it? Of course, you can deploy an application to the cloud using Docker. But you can also use Docker very effectively as a support tool when developing or testing. In this session, Maurice de Beijer will show you some of the many opportunities to use Docker.

From zero to hero with the reactive extensions for JavaScriptMaurice De Beijer [MVP]

Docker containers on WindowsMaurice De Beijer [MVP]

This document discusses Docker containers on Windows. It begins by explaining the difference between virtual machines and containers, and the options for container runtimes on Windows like Nano Server and Windows Server Core. It then provides an example of a simple Dockerfile and discusses strategies for reducing image sizes like using a multi-stage Dockerfile. The document also covers using Docker with Visual Studio 2017 and SQL Server, and concludes with contact information for the author.

From zero to hero with the reactive extensions for java scriptMaurice De Beijer [MVP]

This document introduces Reactive Extensions (RxJS) for JavaScript, which allows programming with asynchronous data streams. It discusses key RxJS concepts like Observables that emit event streams and Observers that subscribe to those streams. It provides examples of creating Observables from events, making Ajax requests, retrying failures, combining streams, and using various operators to transform and filter streams. The goal is to help developers learn how to use RxJS to compose asynchronous actions and events in a functional, reactive style.

Tooling for the productive front end developerMaurice De Beijer [MVP]

Building Robust Web Applications with Test-Driven Development and Playwright:...Maurice De Beijer [MVP]

A foolproof Way to Estimate a Software ProjectMaurice De Beijer [MVP]

Surati Tech Talks 2022 / Build reliable Svelte applications using CypressMaurice De Beijer [MVP]

Build reliable Svelte applications using CypressMaurice De Beijer [MVP]

Building Reliable Applications Using React, .NET & AzureMaurice De Beijer [MVP]

Concurrent Rendering Adventures in React 18Maurice De Beijer [MVP]

Why I am hooked on the future of ReactMaurice De Beijer [MVP]

Building reliable web applications using CypressMaurice De Beijer [MVP]

Getting started with React Suspense and concurrent renderingMaurice De Beijer [MVP]

From zero to hero with the Reactive extensions for JavaScriptMaurice De Beijer [MVP]

From zero to hero with the reactive extensions for JavaScriptMaurice De Beijer [MVP]

Create flexible React applications using GraphQL apisMaurice De Beijer [MVP]

Create flexible react applications using GraphQL API'sMaurice De Beijer [MVP]

Docker for a .NET web developerMaurice De Beijer [MVP]

From zero to hero with the reactive extensions for JavaScriptMaurice De Beijer [MVP]

Docker containers on WindowsMaurice De Beijer [MVP]

From zero to hero with the reactive extensions for java scriptMaurice De Beijer [MVP]

Tooling for the productive front end developerMaurice De Beijer [MVP]

Recently uploaded (20)

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

How Can I use the AI Hype in my Business Context?Daniel Lehner

𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨? Everyone’s talking about AI but is anyone really using it to create real value? Most companies want to leverage AI. Few know 𝗵𝗼𝘄. ✅ What exactly should you ask to find real AI opportunities? ✅ Which AI techniques actually fit your business? ✅ Is your data even ready for AI? If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Quantum Computing Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

Join this UiPath Community Berlin meetup to explore the Orchestrator API, Swagger interface, and the Test Manager API. Learn how to leverage these tools to streamline automation, enhance testing, and integrate more efficiently with UiPath. Perfect for developers, testers, and automation enthusiasts! 📕 Agenda Welcome & Introductions Orchestrator API Overview Exploring the Swagger Interface Test Manager API Highlights Streamlining Automation & Testing with APIs (Demo) Q&A and Open Discussion Perfect for developers, testers, and automation enthusiasts! 👉 Join our UiPath Community Berlin chapter: https://community.uipath.com/berlin/ This session streamed live on April 29, 2025, 18:00 CET. Check out all our upcoming UiPath Community sessions at https://community.uipath.com/events/.

tecnologias de las primeras civilizaciones.pdffjgm517

Procurement Insights Cost To Value Guide.pptxJon Hansen

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Explore the benefits and features of advanced logistics management software for businesses in Riyadh. This guide delves into the latest technologies, from real-time tracking and route optimization to warehouse management and inventory control, helping businesses streamline their logistics operations and reduce costs. Learn how implementing the right software solution can enhance efficiency, improve customer satisfaction, and provide a competitive edge in the growing logistics sector of Riyadh.

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark? At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍 Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀

Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

I started my online journey with several hosting services before stumbling upon Ai EngineHost. At first, the idea of paying one fee and getting lifetime access seemed too good to pass up. The platform is built on reliable US-based servers, ensuring your projects run at high speeds and remain safe. Let me take you step by step through its benefits and features as I explain why this hosting solution is a perfect fit for digital entrepreneurs.

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

Toradex brings robust Linux support to SMARC (Smart Mobility Architecture), ensuring high performance and long-term reliability for embedded applications. Here’s how: • Optimized Torizon OS & Yocto Support – Toradex provides Torizon OS, a Debian-based easy-to-use platform, and Yocto BSPs for customized Linux images on SMARC modules. • Seamless Integration with i.MX 8M Plus and i.MX 95 – Toradex SMARC solutions leverage NXP’s i.MX 8 M Plus and i.MX 95 SoCs, delivering power efficiency and AI-ready performance. • Secure and Reliable – With Secure Boot, over-the-air (OTA) updates, and LTS kernel support, Toradex ensures industrial-grade security and longevity. • Containerized Workflows for AI & IoT – Support for Docker, ROS, and real-time Linux enables scalable AI, ML, and IoT applications. • Strong Ecosystem & Developer Support – Toradex offers comprehensive documentation, developer tools, and dedicated support, accelerating time-to-market. With Toradex’s Linux support for SMARC, developers get a scalable, secure, and high-performance solution for industrial, medical, and AI-driven applications. Do you have a specific project or application in mind where you're considering SMARC? We can help with Free Compatibility Check and help you with quick time-to-market For more information: https://www.toradex.com/computer-on-modules/smarc-arm-family

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including: -Artificial Intelligence Market Overview -Strategies for AI Adoption in 2025 -Anticipated drivers of AI adoption and transformative technologies -Benefits of AI and Big data for your business -Tips on how to prepare your business for innovation -AI and data privacy: Strategies for securing data privacy in AI models, etc. Download your free copy nowand implement the key findings to improve your business.