A journey through a slow react app.
0 likes236 views
This document discusses strategies for improving performance in React applications. It addresses data fetching, ensuring loading states match between server-side and client-side rendering, and state management. It suggests using Suspense for data fetching to avoid double rendering, hydrating pre-rendered HTML on the client, and considering alternatives to Redux like React Context or React Sweet State for state management.
1 of 52
Downloaded 10 times
Ad
Recommended
AMPifying your Drupal 8 Site : higher performance and higher engagement - Par...
AMPifying your Drupal 8 Site : higher performance and higher engagement - Par...DrupalMumbai
油
The document discusses Accelerated Mobile Pages (AMP), which is a framework for building mobile-optimized content that loads instantly. It describes the key components of AMP including AMP HTML, AMP JS, and the Google AMP Cache. It also outlines how to integrate AMP into a Drupal 8 site using various AMP modules and libraries. The benefits of AMP include faster load times and improved mobile search rankings, while drawbacks include limited functionality and the need to implement AMP-compatible code.Accelerated Mobile Pages (AMP) & How it will Impact your Business
Accelerated Mobile Pages (AMP) & How it will Impact your BusinessHarshavardhan MP
油
Accelerated Mobile Pages (AMP) is an open-source initiative aimed at improving mobile web performance through lightweight, fast-loading web pages. Key components of AMP include AMP HTML, AMP JS, and Google AMP Cache, and publishers can integrate AMP into their content management systems like WordPress. The project encourages collaboration and aims to enhance the mobile content ecosystem, ultimately benefiting publishers, advertisers, and users.AMP up Your WordPress Site
AMP up Your WordPress SitePrem Tiwari
油
The document outlines how to enhance a WordPress site using AMP (Accelerated Mobile Pages), an open-source library created by Google in 2015. It explains the components of AMP, including AMP HTML and AMP JS, which improve page loading times and performance through various restrictions and optimizations. Additionally, it provides resources and guidance on getting started with implementing AMP on a WordPress site.Get AMP'ed for Accelerated Mobile Pages - SEO Grail Philadelphia 1/20/16
Get AMP'ed for Accelerated Mobile Pages - SEO Grail Philadelphia 1/20/16Sean Malseed
油
The document discusses Accelerated Mobile Pages (AMP), an open-source initiative to improve the loading speed of web pages through a set of restrictions on HTML and JavaScript. It details how AMP works, including its strict HTML structure, use of asynchronous scripts, and AMP-specific tags and attributes. The document also provides guidance on when to use AMP, recommending it for static content like articles while discouraging its use for interactive pages.AMP with WordPress by Pradeep Sonawane @ Google AMP Roadshow Mumbai 2018
AMP with WordPress by Pradeep Sonawane @ Google AMP Roadshow Mumbai 2018rtCamp
油
The document details the implementation of AMP (Accelerated Mobile Pages) with WordPress, emphasizing three template modes: classic, paired, and native. It outlines the supported URL structures for each mode and provides links for additional resources and case studies of sites using the AMP plugin. The collaboration of Google, Automattic, and XWP in developing this open-source project is also highlighted.ApacheCon 2017: What's new in httpd 2.4
ApacheCon 2017: What's new in httpd 2.4Jim Jagielski
油
Jim Jagielski discusses the features and improvements introduced in Apache HTTP Server version 2.4, including better performance, enhanced cloud capabilities, and new modules. Key updates include configuration runtime improvements, new MPMs, and features supporting dynamic environments. The presentation also highlights the competitive landscape with reference to Nginx and emphasizes Apache's advantages in cloud integration and transaction efficiency.A Practical Approach to React Native at All Things Open Conference
A Practical Approach to React Native at All Things Open ConferenceTracy Lee
油
This document is a presentation by Tracy Lee on building apps with React Native, emphasizing a practical approach, navigation, components, and styling. It covers essential setup steps, displaying data, state management, and animations while promoting React Native as an ideal choice for JavaScript developers. Resources and links for further learning and mentoring are also provided.React Native - Getting Started
React Native - Getting StartedTracy Lee
油
The document provides an overview of React Native, focusing on its components, styling methods using styled-components, and navigation using react-navigation. It outlines steps for setting up a React Native project along with tips for troubleshooting and managing state. Additionally, various resources are mentioned for further assistance in learning and utilizing React Native effectively.20 Ideas On How To Improve Your Agile Board
20 Ideas On How To Improve Your Agile BoardMarcus Hammarberg
油
This document provides many tips for improving a kanban board, including using different colors to identify different types of work, tracking metrics like lead time and throughput, setting work in progress limits, and ensuring a continuous flow of work through the use of techniques like pull systems and queues. It emphasizes making the board visually clear and focusing on workflow rather than individuals.BDD in practice based on an open source project
BDD in practice based on an open source projectukasz Chruciel
油
The document discusses Behaviour Driven Development (BDD), its advantages, disadvantages, and implementation using an open-source project. It emphasizes the importance of defining software requirements clearly to reduce code complexity and points of failure. The document also details tools and methodologies such as Gherkin for writing BDD scenarios and provides examples of code specifications.Not your daddy's web server
Not your daddy's web serverJim Jagielski
油
The document discusses the enhancements and features of Apache HTTP Server version 2.4, highlighting its improvements in scalability, performance, and configuration options. It introduces new modules, runtime configurations, and the importance of adapting to cloud environments while maintaining usability. Additionally, it compares Apache HTTP to Nginx regarding performance metrics, emphasizing Apache's capabilities in modern web server demands.Open Day July 2019
Open Day July 2019Frappe Technologies Pvt. Ltd.
油
The document discusses various updates and activities that took place during an open day event in July 2019, focusing on version 12 of a software platform. Key topics include new features in frappe charts, bug fixes, and project updates across different teams, including coding improvements and organizational changes. Additionally, it highlights personal experiences and contributions of several team members, as well as ongoing challenges and future goals related to the software development process.Automating the real-user scenarios across multi-apps, and multi-devices
Automating the real-user scenarios across multi-apps, and multi-devicesAnand Bagmar
油
This document discusses teswiz, an open source framework for automating real-user scenarios across multiple apps, devices, users, and platforms. It can simulate user actions and behavior to test web, mobile web, Android, iOS, Windows, MacOS and Linux applications. Teswiz uses Cucumber, Appium, Selenium and other tools and supports features like multi-device testing, visual testing with Applitools, and generating reports with ReportPortal. The document provides instructions on getting started with teswiz and links to its GitHub page.JS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by DefaultJSFestUA
油
The document outlines strategies for improving the performance of Angular applications, including techniques such as lazy loading, differential loading, and server-side rendering. It emphasizes the importance of reducing JavaScript bundle sizes and optimizing code to enhance user experience and application efficiency. Additionally, it highlights the use of Angular CLI for deployment and management of performance enhancements.Frappe Open Day - September 2018
Frappe Open Day - September 2018Frappe Technologies Pvt. Ltd.
油
The document outlines various updates and developments from an open day in September 2018, highlighting work on QuickBooks migrator, file API improvements, and the creation of educational tools within ERPNext. It details various support issues resolved, features added, and ongoing projects, with contributions from various team members focused on enhancing functionalities and user experience. Additionally, it mentions plans for an upcoming conference, participant details, and logistical arrangements related to the event.Apache httpd 2.4 overview
Apache httpd 2.4 overviewJim Jagielski
油
This document contains slides from a presentation given by Jim Jagielski at APACHECON North America on September 9-12, 2019. The presentation provides an overview and review of key features of Apache HTTP Server version 2.4, including improvements to configuration, new modules, enhancements for cloud/proxy usage, and performance increases. It highlights capabilities like mod_macro for virtual hosts, expression-based configuration with <IfDefine>, and health checking of backend servers. The presentation aims to dispel myths about Apache being outdated and argues it remains highly relevant due to its flexibility and performance.Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Bastian Grimm
油
The document discusses best practices for optimizing web performance, focusing on critical rendering path optimization, measuring paint timings, and the importance of user experience metrics such as first paint and time to interactive. It highlights techniques like inlining critical CSS, using async loading for non-critical CSS, and the adoption of modern image formats like WebP for better compression. Additionally, it emphasizes the significance of font-display strategies to reduce render-blocking due to custom web fonts.How To Win a Hackaton - My thoughts on the WebGeek Devcup
How To Win a Hackaton - My thoughts on the WebGeek DevcupNikko Bautista
油
Nikko Bautista developed an app called Bukas Palad to help manage donations for relief centers in the Philippines. He followed several steps to develop it including coming up with an idea based on personal experiences, establishing a brand, creating a minimum viable product, scheduling development, focusing on shipping features, and adding improvements. Taghuddle is a tool that aggregates social media updates containing specific hashtags. It allows users to see updates from events and topics in real-time and share photo albums and discussions across different social networks.PGday_korea_2021_leeuijin
PGday_korea_2021_leeuijin讌
油
This document summarizes a PowerPoint presentation on PostgreSQL and MPP database technology. It discusses PostgreSQL forks and distributions, OLTP vs OLAP, TPC benchmarks, moving to MPP architectures, shared nothing architectures, distribution styles, multi-level partitioning, mixed workloads and HTAP, query optimization for MPP, and monitoring tools. It provides links to additional resources on these topics.Grygoriy gavaleshko cross-framework communication on frontent
Grygoriy gavaleshko cross-framework communication on frontentAneta Koosowska (Winiewska)
油
This document discusses cross-framework communication on frontend projects. It outlines the value in working with multiple frameworks, including being able to work with new features and smoothly migrate code. The speaker then discusses challenges in replacing an entire project at once due to complexity, resources, and dependencies. The solution presented is a gradual migration process, integrating new features built with a new framework directly into the existing application and moving simpler pages first. This approach allows for testing and feedback during the transition before a full switch to the new framework.How to improve gradle build speed
How to improve gradle build speedFate Chang
油
This document discusses how to improve the speed of Gradle builds. It recommends using the Gradle daemon, configuring on demand, building in parallel, and using newer versions of Gradle and the Android Gradle plugin. Profiling a sample project showed build times could be improved from 7.8 seconds to 2.4 seconds using these techniques. Updating dependencies and disabling Instant Run in Android Studio may also help increase build speeds.Apache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and TomcatJim Jagielski
油
Jim Jagielski discusses the Apache HTTPD v2.4 reverse proxy capabilities. Key points include:
1) Apache HTTPD v2.4 includes improvements that make it suitable for cloud environments and high performance as a reverse proxy, including support for asynchronous I/O and additional load balancing mechanisms.
2) As a reverse proxy, Apache HTTPD can provide security, load balancing, caching, and high availability for backend servers located behind the proxy.
3) Apache HTTPD v2.4's reverse proxy functionality includes support for additional protocols, load balancing algorithms, dynamic configuration, and HTTP/2.Testing with Codeception
Testing with CodeceptionJeremy Coates
油
The document introduces Codeception, a powerful PHP testing framework designed for easy testing through various approaches such as unit, functional, and acceptance tests. It highlights features such as integration with popular PHP frameworks, browser emulation, and simplified debugging, alongside installation instructions using PHAR or Composer. It also outlines advanced usage, roadmap developments, and add-ons available for enhanced testing capabilities.10 tips for Redux at scale
10 tips for Redux at scaleinovia
油
The document outlines how Matters Tech scaled Redux across multiple applications involving a large team and various features. Key strategies included comprehensive training, utilizing action creators, employing the Redux Ducks pattern, normalizing state, and adopting TypeScript and selectors for better management. The emphasis on unit testing, handling side-effects with redux-saga, and the use of payload-based actions contributed to the overall efficiency and success of Redux implementation at scale.Redux at scale
Redux at scaleinovia
油
Redux scaled at a startup with 20 frontend developers working on 5 apps by:
1) Providing training to standardize Redux implementation.
2) Structuring the codebase into modules with action creators and reducers.
3) Normalizing the state like a database to simplify reducers and use selectors.Extending Gradle
Extending GradleRene Gr旦schke
油
The document is a presentation by Ren辿 Gr旦schke discussing Gradle and its project templates. It includes links to resources such as Gradle documentation and community contributions. The presentation also provides contact information and additional references for further exploration of Gradle tools and practices.Production optimization with React and Webpack
Production optimization with React and Webpackk88hudson
油
This document discusses optimizing React and Webpack applications for production. It recommends:
1. Not optimizing prematurely and ensuring engineering and product goals are aligned before optimizing.
2. Understanding available optimization options at build time like minification, code splitting, and using production builds of dependencies, and at runtime like server-side rendering and component lifecycle methods.
3. Instrumenting the application to measure performance metrics like bundle size, load time, and render time to identify optimization opportunities.
4. Setting meaningful benchmarks based on the actual user experience expected, rather than arbitrary metrics, to determine what constitutes acceptable performance.Aura LA GDG - July 17-2017
Aura LA GDG - July 17-2017Kristan Uccello
油
The document outlines a presentation by a former Google engineer discussing the creation of a tool named 'Aura' to improve the process of finding people and projects within organizations using existing data. It details development steps using modern web technologies like Electron, React, and Firebase, along with various tools and frameworks involved in the project. The talk also touches on challenges faced, such as dependencies management, and hints at the future development of features and potential open-source contributions.No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven InfrastructureSafe Software
油
When projects depend on fast, reliable spatial data, every minute counts.
AI Clearing needed a faster way to handle complex spatial data from drone surveys, CAD designs and 3D project models across construction sites. With FME Form, they built no-code workflows to clean, convert, integrate, and validate dozens of data formats cutting analysis time from 5 hours to just 30 minutes.
Join us, our partner Globema, and customer AI Clearing to see how they:
-Automate processing of 2D, 3D, drone, spatial, and non-spatial data
-Analyze construction progress 10x faster and with fewer errors
-Handle diverse formats like DWG, KML, SHP, and PDF with ease
-Scale their workflows for international projects in solar, roads, and pipelines
If you work with complex data, join us to learn how to optimize your own processes and transform your results with FME.More Related Content
Similar to A journey through a slow react app. (20)
20 Ideas On How To Improve Your Agile Board
20 Ideas On How To Improve Your Agile BoardMarcus Hammarberg
油
This document provides many tips for improving a kanban board, including using different colors to identify different types of work, tracking metrics like lead time and throughput, setting work in progress limits, and ensuring a continuous flow of work through the use of techniques like pull systems and queues. It emphasizes making the board visually clear and focusing on workflow rather than individuals.BDD in practice based on an open source project
BDD in practice based on an open source projectukasz Chruciel
油
The document discusses Behaviour Driven Development (BDD), its advantages, disadvantages, and implementation using an open-source project. It emphasizes the importance of defining software requirements clearly to reduce code complexity and points of failure. The document also details tools and methodologies such as Gherkin for writing BDD scenarios and provides examples of code specifications.Not your daddy's web server
Not your daddy's web serverJim Jagielski
油
The document discusses the enhancements and features of Apache HTTP Server version 2.4, highlighting its improvements in scalability, performance, and configuration options. It introduces new modules, runtime configurations, and the importance of adapting to cloud environments while maintaining usability. Additionally, it compares Apache HTTP to Nginx regarding performance metrics, emphasizing Apache's capabilities in modern web server demands.Open Day July 2019
Open Day July 2019Frappe Technologies Pvt. Ltd.
油
The document discusses various updates and activities that took place during an open day event in July 2019, focusing on version 12 of a software platform. Key topics include new features in frappe charts, bug fixes, and project updates across different teams, including coding improvements and organizational changes. Additionally, it highlights personal experiences and contributions of several team members, as well as ongoing challenges and future goals related to the software development process.Automating the real-user scenarios across multi-apps, and multi-devices
Automating the real-user scenarios across multi-apps, and multi-devicesAnand Bagmar
油
This document discusses teswiz, an open source framework for automating real-user scenarios across multiple apps, devices, users, and platforms. It can simulate user actions and behavior to test web, mobile web, Android, iOS, Windows, MacOS and Linux applications. Teswiz uses Cucumber, Appium, Selenium and other tools and supports features like multi-device testing, visual testing with Applitools, and generating reports with ReportPortal. The document provides instructions on getting started with teswiz and links to its GitHub page.JS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by DefaultJSFestUA
油
The document outlines strategies for improving the performance of Angular applications, including techniques such as lazy loading, differential loading, and server-side rendering. It emphasizes the importance of reducing JavaScript bundle sizes and optimizing code to enhance user experience and application efficiency. Additionally, it highlights the use of Angular CLI for deployment and management of performance enhancements.Frappe Open Day - September 2018
Frappe Open Day - September 2018Frappe Technologies Pvt. Ltd.
油
The document outlines various updates and developments from an open day in September 2018, highlighting work on QuickBooks migrator, file API improvements, and the creation of educational tools within ERPNext. It details various support issues resolved, features added, and ongoing projects, with contributions from various team members focused on enhancing functionalities and user experience. Additionally, it mentions plans for an upcoming conference, participant details, and logistical arrangements related to the event.Apache httpd 2.4 overview
Apache httpd 2.4 overviewJim Jagielski
油
This document contains slides from a presentation given by Jim Jagielski at APACHECON North America on September 9-12, 2019. The presentation provides an overview and review of key features of Apache HTTP Server version 2.4, including improvements to configuration, new modules, enhancements for cloud/proxy usage, and performance increases. It highlights capabilities like mod_macro for virtual hosts, expression-based configuration with <IfDefine>, and health checking of backend servers. The presentation aims to dispel myths about Apache being outdated and argues it remains highly relevant due to its flexibility and performance.Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Bastian Grimm
油
The document discusses best practices for optimizing web performance, focusing on critical rendering path optimization, measuring paint timings, and the importance of user experience metrics such as first paint and time to interactive. It highlights techniques like inlining critical CSS, using async loading for non-critical CSS, and the adoption of modern image formats like WebP for better compression. Additionally, it emphasizes the significance of font-display strategies to reduce render-blocking due to custom web fonts.How To Win a Hackaton - My thoughts on the WebGeek Devcup
How To Win a Hackaton - My thoughts on the WebGeek DevcupNikko Bautista
油
Nikko Bautista developed an app called Bukas Palad to help manage donations for relief centers in the Philippines. He followed several steps to develop it including coming up with an idea based on personal experiences, establishing a brand, creating a minimum viable product, scheduling development, focusing on shipping features, and adding improvements. Taghuddle is a tool that aggregates social media updates containing specific hashtags. It allows users to see updates from events and topics in real-time and share photo albums and discussions across different social networks.PGday_korea_2021_leeuijin
PGday_korea_2021_leeuijin讌
油
This document summarizes a PowerPoint presentation on PostgreSQL and MPP database technology. It discusses PostgreSQL forks and distributions, OLTP vs OLAP, TPC benchmarks, moving to MPP architectures, shared nothing architectures, distribution styles, multi-level partitioning, mixed workloads and HTAP, query optimization for MPP, and monitoring tools. It provides links to additional resources on these topics.Grygoriy gavaleshko cross-framework communication on frontent
Grygoriy gavaleshko cross-framework communication on frontentAneta Koosowska (Winiewska)
油
This document discusses cross-framework communication on frontend projects. It outlines the value in working with multiple frameworks, including being able to work with new features and smoothly migrate code. The speaker then discusses challenges in replacing an entire project at once due to complexity, resources, and dependencies. The solution presented is a gradual migration process, integrating new features built with a new framework directly into the existing application and moving simpler pages first. This approach allows for testing and feedback during the transition before a full switch to the new framework.How to improve gradle build speed
How to improve gradle build speedFate Chang
油
This document discusses how to improve the speed of Gradle builds. It recommends using the Gradle daemon, configuring on demand, building in parallel, and using newer versions of Gradle and the Android Gradle plugin. Profiling a sample project showed build times could be improved from 7.8 seconds to 2.4 seconds using these techniques. Updating dependencies and disabling Instant Run in Android Studio may also help increase build speeds.Apache httpd Reverse Proxy and Tomcat
Apache httpd Reverse Proxy and TomcatJim Jagielski
油
Jim Jagielski discusses the Apache HTTPD v2.4 reverse proxy capabilities. Key points include:
1) Apache HTTPD v2.4 includes improvements that make it suitable for cloud environments and high performance as a reverse proxy, including support for asynchronous I/O and additional load balancing mechanisms.
2) As a reverse proxy, Apache HTTPD can provide security, load balancing, caching, and high availability for backend servers located behind the proxy.
3) Apache HTTPD v2.4's reverse proxy functionality includes support for additional protocols, load balancing algorithms, dynamic configuration, and HTTP/2.Testing with Codeception
Testing with CodeceptionJeremy Coates
油
The document introduces Codeception, a powerful PHP testing framework designed for easy testing through various approaches such as unit, functional, and acceptance tests. It highlights features such as integration with popular PHP frameworks, browser emulation, and simplified debugging, alongside installation instructions using PHAR or Composer. It also outlines advanced usage, roadmap developments, and add-ons available for enhanced testing capabilities.10 tips for Redux at scale
10 tips for Redux at scaleinovia
油
The document outlines how Matters Tech scaled Redux across multiple applications involving a large team and various features. Key strategies included comprehensive training, utilizing action creators, employing the Redux Ducks pattern, normalizing state, and adopting TypeScript and selectors for better management. The emphasis on unit testing, handling side-effects with redux-saga, and the use of payload-based actions contributed to the overall efficiency and success of Redux implementation at scale.Redux at scale
Redux at scaleinovia
油
Redux scaled at a startup with 20 frontend developers working on 5 apps by:
1) Providing training to standardize Redux implementation.
2) Structuring the codebase into modules with action creators and reducers.
3) Normalizing the state like a database to simplify reducers and use selectors.Extending Gradle
Extending GradleRene Gr旦schke
油
The document is a presentation by Ren辿 Gr旦schke discussing Gradle and its project templates. It includes links to resources such as Gradle documentation and community contributions. The presentation also provides contact information and additional references for further exploration of Gradle tools and practices.Production optimization with React and Webpack
Production optimization with React and Webpackk88hudson
油
This document discusses optimizing React and Webpack applications for production. It recommends:
1. Not optimizing prematurely and ensuring engineering and product goals are aligned before optimizing.
2. Understanding available optimization options at build time like minification, code splitting, and using production builds of dependencies, and at runtime like server-side rendering and component lifecycle methods.
3. Instrumenting the application to measure performance metrics like bundle size, load time, and render time to identify optimization opportunities.
4. Setting meaningful benchmarks based on the actual user experience expected, rather than arbitrary metrics, to determine what constitutes acceptable performance.Aura LA GDG - July 17-2017
Aura LA GDG - July 17-2017Kristan Uccello
油
The document outlines a presentation by a former Google engineer discussing the creation of a tool named 'Aura' to improve the process of finding people and projects within organizations using existing data. It details development steps using modern web technologies like Electron, React, and Firebase, along with various tools and frameworks involved in the project. The talk also touches on challenges faced, such as dependencies management, and hints at the future development of features and potential open-source contributions.Recently uploaded (20)
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven InfrastructureSafe Software
油
When projects depend on fast, reliable spatial data, every minute counts.
AI Clearing needed a faster way to handle complex spatial data from drone surveys, CAD designs and 3D project models across construction sites. With FME Form, they built no-code workflows to clean, convert, integrate, and validate dozens of data formats cutting analysis time from 5 hours to just 30 minutes.
Join us, our partner Globema, and customer AI Clearing to see how they:
-Automate processing of 2D, 3D, drone, spatial, and non-spatial data
-Analyze construction progress 10x faster and with fewer errors
-Handle diverse formats like DWG, KML, SHP, and PDF with ease
-Scale their workflows for international projects in solar, roads, and pipelines
If you work with complex data, join us to learn how to optimize your own processes and transform your results with FME.AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?Shashi Sathyanarayana, Ph.D
油
This slide illustrates a side-by-side comparison between human-written, AI-written, and ambiguous content. It highlights subtle cues that help readers assess authenticity, raising essential questions about the future of communication, trust, and thought leadership in the age of generative AI."How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...Fwdays
油
We will explore how e-commerce projects prepare for the busiest time of the year, which key aspects to focus on, and what to expect. Well share our experience in setting up auto-scaling, load balancing, and discuss the loads that Silpo handles, as well as the solutions that help us navigate this season without failures.Enhance GitHub Copilot using MCP - Enterprise version.pdf
Enhance GitHub Copilot using MCP - Enterprise version.pdfNilesh Gule
油
際際滷 deck related to the GitHub Copilot Bootcamp in Melbourne on 17 June 2025Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Creating Inclusive Digital Learning with AI: A Smarter, Fairer FutureImpelsys Inc.
油
Have you ever struggled to read a tiny label on a medicine box or tried to navigate a confusing website? Now imagine if every learning experience felt that wayevery single day.
For millions of people living with disabilities, poorly designed content isnt just frustrating. Its a barrier to growth. Inclusive learning is about fixing that. And today, AI is helping us build digital learning thats smarter, kinder, and accessible to everyone.
Accessible learning increases engagement, retention, performance, and inclusivity for everyone. Inclusive design is simply better design.OpenPOWER Foundation & Open-Source Core Innovations
OpenPOWER Foundation & Open-Source Core InnovationsIBM
油
penPOWER offers a fully open, royalty-free CPU architecture for custom chip design.
It enables both lightweight FPGA cores (like Microwatt) and high-performance processors (like POWER10).
Developers have full access to source code, specs, and tools for end-to-end chip creation.
It supports AI, HPC, cloud, and embedded workloads with proven performance.
Backed by a global community, it fosters innovation, education, and collaboration.OWASP Barcelona 2025 Threat Model Library
OWASP Barcelona 2025 Threat Model LibraryPetraVukmirovic
油
Threat Model Library Launch at OWASP Barcelona 2025
https://owasp.org/www-project-threat-model-library/Crypto Super 500 - 14th Report - June2025.pdf
Crypto Super 500 - 14th Report - June2025.pdfStephen Perrenod
油
This OrionX's 14th semi-annual report on the state of the cryptocurrency mining market. The report focuses on Proof-of-Work cryptocurrencies since those use substantial supercomputer power to mint new coins and encode transactions on their blockchains. Only two make the cut this time, Bitcoin with $18 billion of annual economic value produced and Dogecoin with $1 billion. Bitcoin has now reached the Zettascale with typical hash rates of 0.9 Zettahashes per second. Bitcoin is powered by the world's largest decentralized supercomputer in a continuous winner take all lottery incentive network.9-1-1 Addressing: End-to-End Automation Using FME
9-1-1 Addressing: End-to-End Automation Using FMESafe Software
油
This session will cover a common use case for local and state/provincial governments who create and/or maintain their 9-1-1 addressing data, particularly address points and road centerlines. In this session, you'll learn how FME has helped Shelby County 9-1-1 (TN) automate the 9-1-1 addressing process; including automatically assigning attributes from disparate sources, on-the-fly QAQC of said data, and reporting. The FME logic that this presentation will cover includes: Table joins using attributes and geometry, Looping in custom transformers, Working with lists and Change detection.Connecting Data and Intelligence: The Role of FME in Machine Learning
Connecting Data and Intelligence: The Role of FME in Machine LearningSafe Software
油
In this presentation, we want to explore powerful data integration and preparation for Machine Learning. FME is known for its ability to manipulate and transform geospatial data, connecting diverse data sources into efficient and automated workflows. By integrating FME with Machine Learning techniques, it is possible to transform raw data into valuable insights faster and more accurately, enabling intelligent analysis and data-driven decision making.Turning the Page How AI is Exponentially Increasing Speed, Accuracy, and Ef...
Turning the Page How AI is Exponentially Increasing Speed, Accuracy, and Ef...Impelsys Inc.
油
Artificial Intelligence (AI) has become a game-changer in content creation, automating tasks that were once very time-consuming and labor-intensive. AI-powered tools are now capable of generating high-quality articles, blog posts, and even poetry by analyzing large datasets of text and producing human-like writing.
However, AIs influence on content generation is not limited to text; it has also made advancements in multimedia content, such as image, video, and audio generation. AI-powered tools can now transform raw images and footage into visually stunning outputs, and are all set to have a profound impact on the publishing industry.Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure SolutionsMichele Leroux Bustamante
油
Delivering solutions to Azure may involve a variety of architecture patterns involving your applications, APIs data and associated Azure resources that comprise the solution. This session will use reference architectures to illustrate the security considerations to protect your Azure resources and data, how to achieve Zero Trust, and why it matters. Topics covered will include specific security recommendations for types Azure resources and related network security practices. The goal is to give you a breadth of understanding as to typical security requirements to meet compliance and security controls in an enterprise solution.Improving Data Integrity: Synchronization between EAM and ArcGIS Utility Netw...
Improving Data Integrity: Synchronization between EAM and ArcGIS Utility Netw...Safe Software
油
Utilities and water companies play a key role in the creation of clean drinking water. The creation and maintenance of clean drinking water is becoming a critical problem due to pollution and pressure on the environment. A lot of data is necessary to create clean drinking water. For fieldworkers, two types of data are key: Asset data in an asset management system (EAM for example) and Geographic data in a GIS (ArcGIS Utility Network ). Keeping this type of data up to date and in sync is a challenge for many organizations, leading to duplicating data and creating a bulk of extra attributes and data to keep everything in sync. Using FME, it is possible to synchronize Enterprise Asset Management (EAM) data with the ArcGIS Utility Network in real time. Changes (creation, modification, deletion) in ArcGIS Pro are relayed to EAM via FME, and vice versa. This ensures continuous synchronization of both systems without daily bulk updates, minimizes risks, and seamlessly integrates with ArcGIS Utility Network services. This presentation focuses on the use of FME at a Dutch water company, to create a sync between the asset management and GIS.MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55
油
This presentation dives into how MuleSoft empowers AgentForce with organized API discovery and streamlined integration using Topic Center and the API Catalog. Learn how these tools help structure APIs around business needs, improve reusability, and simplify collaboration across teams. Ideal for developers, architects, and business stakeholders looking to build a connected and scalable API ecosystem within AgentForce.FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptxFIDO Alliance
油
FIDO Seminar: Evolving Landscape of Post-Quantum CryptographyENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdfMuhammad Rizwan Akram
油
DC Inverter Air Conditioners are revolutionizing the cooling industry by delivering affordable,
energy-efficient, and environmentally sustainable climate control solutions. Unlike conventional
fixed-speed air conditioners, DC inverter systems operate with variable-speed compressors that
modulate cooling output based on demand, significantly reducing energy consumption and
extending the lifespan of the appliance.
These systems are critical in reducing electricity usage, lowering greenhouse gas emissions, and
promoting eco-friendly technologies in residential and commercial sectors. With advancements in
compressor control, refrigerant efficiency, and smart energy management, DC inverter air conditioners
have become a benchmark in sustainable climate control solutionsFrom Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...Edge AI and Vision Alliance
油
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2025/06/from-enterprise-to-makers-driving-vision-ai-innovation-at-the-extreme-edge-a-presentation-from-sony-semiconductor-solutions/
Amir Servi, Edge Deep Learning Product Manager at Sony Semiconductor Solutions, presents the From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge tutorial at the May 2025 Embedded Vision Summit.
Sonys unique integrated sensor-processor technology is enabling ultra-efficient intelligence directly at the image source, transforming vision AI for enterprises and developers alike. In this presentation, Servi showcases how the AITRIOS platform simplifies vision AI for enterprises with tools for large-scale deployments and model management.
Servi also highlights his companys collaboration with Ultralytics and Raspberry Pi, which brings YOLO models to the developer community, empowering grassroots innovation. Whether youre scaling vision AI for industry or experimenting with cutting-edge tools, this presentation will demonstrate how Sony is accelerating high-performance, energy-efficient vision AI for all.June Patch Tuesday
June Patch TuesdayIvanti
油
Ivantis Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There well do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities. From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...Edge AI and Vision Alliance
油
Ad
A journey through a slow react app.
- 1. A Journey through a slow React application _
- 5. issue view https://www.page1.com/browse/issue-1 My Project My Project/issue-1 Burning task, please complete! Customer is really pissed about this, find a way to fix this. Theres really no legit way to reproduce this yet, but you gotta try more. ASSIGNEE PK LAUNCH DATE 29/02/2019 ESTIMATE 200 BOARD BACKLOG ISSUES REPORTS ASSUMPTIONS @PKodmad
- 6. Backlog https://www.page1.com/projectkey/backlog My Project BOARD BACKLOG ISSUES REPORTS BACKLOG ISSUE 1 - Fix this first ISSUE 2 - Fix this next ISSUE 3 - Fix this later ISSUE 4 - Fix this never ASSUMPTIONS @PKodmad
- 7. Board https://www.page1.com/projectkey/board My Project BOARD BACKLOG ISSUES REPORTS BOARD TO DO Fix this never Issue - 4 Fix this if possible Issue - 3 WIP Fix this next Issue - 2 DONE Fix this first Issue - 1 ASSUMPTIONS @PKodmad
- 8. ASSUMPTIONS Client Side Rendering = React.render() issue view https://www.page1.com/browse/issue-1 My Project My Project/issue-1 Burning task, please complete! Customer is really pissed about this, find a way to fix this. Theres really no legit way to reproduce this yet, but you gotta try more. ASSIGNEE PK LAUNCH DATE 29/02/2019 ESTIMATE 200 BOARD BACKLOG ISSUES REPORTS Fix fast! Cant wait COMMENTS @PKodmad
- 9. ASSUMPTIONS Server Side Rendering = React.renderToString() issue view https://www.page1.com/browse/issue-1 My Project My Project/issue-1 Burning task, please complete! Customer is really pissed about this, find a way to fix this. Theres really no legit way to reproduce this yet, but you gotta try more. ASSIGNEE PK LAUNCH DATE 29/02/2019 ESTIMATE 200 BOARD BACKLOG ISSUES REPORTS Fix fast! Cant wait COMMENTS @PKodmad
- 10. ASSUMPTIONS SPA - Single Page Application @PKodmad
- 11. ASSUMPTIONS TTR - Time to render TTI - Time to Interactive @PKodmad
- 13. Do you really have a problem with performance though? @PKodmad
- 15. The data fetching duality ACT 1 @PKodmad
- 16. @PKodmad DATA IN SSR data = fetch() store = createStore() state = store.getState() window.SSR_DATA = state
- 17. @PKodmad DATA IN SPA initialState = window.SSR_DATA store = createStore(initialState)
- 18. @PKodmad Router
- 19. @PKodmad
- 20. <Router> {children} <Router/> <PrefetchCacheProvider> <PrefetchCacheProvider/> Powered by react context @PKodmad
- 21. { (data, loading) => <PartofApp data={data} /> } <PrefetchQuery resolve={}> <PrefetchQuery/> Only to be used in case of SSR @PKodmad
- 22. Route? @PKodmad
- 23. Double rendering strategy for reuse for performance @PKodmad
- 24. treewalk +TTR = fetch + render @PKodmad
- 25. treewalk +TTR = fetch + render @PKodmad
- 28. The loading page congruence ACT 2 @PKodmad
- 29. @PKodmad SSR HTML = Client HTML 1. Analytics HOC 2. Logging Infra 3. In product help
- 31. @PKodmad issue view https://www.page1.com/browse/issue-1 My Project My Project/issue-1 Burning task, please complete! Customer is really pissed about this, find a way to fix this. Theres really no legit way to reproduce this yet, but you gotta try more. ASSIGNEE PK LAUNCH DATE 29/02/2019 ESTIMATE 200 BOARD BACKLOG ISSUES REPORTS
- 32. If you intentionally need to render something different on the server and the client, you can do a two-pass rendering. @PKodmad Double render? https://reactjs.org/docs/react-dom.html#hydrate
- 33. @PKodmad const html = saveSSRHTML() React.render(<App />) if (loading) { }if (loading) { <div dangerouslySetInnerHTML={html} /> }
- 35. The state management formulation ACT 3 @PKodmad
- 36. @PKodmad
- 37. @PKodmad
- 43. Scaling perf issues Lack of selectors Debugging workflow Provider hell @PKodmad
- 45. Honorable mentions React.memo() Lighter SSR components Page Ready indicator @PKodmad
- 46. Thanks for the dev tools @PKodmad
- 47. @PKodmad All good things happen just outside of your comfort zone
- 48. @PKodmad
- 49. If you send some props Its so lovely.. If you set the state Its okay.. If you send some props Its so lovely.. If you set the state Its okay.. @PKodmad
- 50. You sync the DOM By next tick tick tick By next tick tick tick Reeeact.. @PKodmad
- 51. Million providers with no owners Million memoized functions I write Million components I create Million renders squeeze my thread Time for some hooks.. Tick tick tick @PKodmad
- 52. @PKodmad Thank you for all the