- The document discusses React Native component lifecycles, including mounting and updating lifecycles.
- The mounting lifecycle includes constructor, componentWillMount, render, and componentDidMount. This lifecycle happens when a component is initialized and inserted into the DOM.
- The updating lifecycle includes componentWillReceiveProps, shouldComponentUpdate, componentWillUpdate, render, and componentDidUpdate. This lifecycle happens when a component re-renders as a result of changes to either props or state.
( ReactJS Training - https://www.edureka.co/reactjs-redux-... )
This Edureka video on React Interview Questions and Answers will help you to prepare yourself for React Interviews. Learn about the most important React interview questions and answers and know what will set you apart in the interview process.
This video helps you to learn following topics:
1. General React
2. React Components
3. React Redux
4. React Router
Getting started with the reactjs, basics of reactjs, introduction of reactjs, core concepts of reactjs and comparison with the other libraries/frameworks
by Nader Dabit, Developer Advocate, AWS
We want to complement our awesome web site with an equally awesome mobile application for both iOS and Android that can be deployed from the mobile app stores. In this session, Nader Dabit will take you from Hello World to building a beautiful responsive mobile application using React Native.
( ReactJS Training - https://www.edureka.co/reactjs-redux-... )
This Edureka video on React Interview Questions and Answers will help you to prepare yourself for React Interviews. Learn about the most important React interview questions and answers and know what will set you apart in the interview process.
This video helps you to learn following topics:
1. General React
2. React Components
3. React Redux
4. React Router
Getting started with the reactjs, basics of reactjs, introduction of reactjs, core concepts of reactjs and comparison with the other libraries/frameworks
by Nader Dabit, Developer Advocate, AWS
We want to complement our awesome web site with an equally awesome mobile application for both iOS and Android that can be deployed from the mobile app stores. In this session, Nader Dabit will take you from Hello World to building a beautiful responsive mobile application using React Native.
8 Reasons to Use React Query" is likely a presentation discussing the benefits of using the React Query library for managing and caching data in a React application. The slides may cover topics such as efficient data fetching, automatic caching and stale-while-revalidate, real-time updates, and easy-to-use hooks for handling queries and mutations. Additionally, the slides may also highlight how React Query helps improve the performance, developer experience, and user experience of the application.
In this presentation, we'll explore React’s “Component” based world. We'll go through Virtual DOM, how it works, and React's Virtual DOM vs. the real DOM.
I've been working a lot with React lately and thought it would be a good idea to share what I've learned with the group.
During this talk we'll take a look at Facebook's React library while drawing comparisons to frameworks like Angular. We'll see how we can use React and friends to create a fast and efficient single page app. Attendees are expected to have some familiarity with ES6/ES7 since we the codebase we will be looking at leverages features from the spec.
What we'll be taking a look at:
• React
• React Router
• Redux
• Redux Sagas
• Webpack
• Babel
A step towards the way you write the code in React application.In this presentation, I have given introduction about React hooks. Why we need it in our react applications and describe about the two most commonly used React Hooks API useState and useEffect. I also given the links of code snippets I added in these slides
Introduction to React in combination with Redux. Redux helps you to develop applications in a simple way while having features like time-travel available during development.
[Webinar]: Working with Reactive SpringKnoldus Inc.
In this PPT, we will go through the new feature of Reactive Spring i.e how to work with Reactive Programming in Spring 5.0.
These slides also cover:
1. Reactive Architecture and why we need it.
2. Advantages of writing reactive code.
3. How it works with Spring framework.
Intro To React Native
with Varun Vachhar
OVERVIEW
React Native introduces a new way to write native mobile apps. You can take everything that you know and love about React and apply it to native apps. Unlike hybrid apps, it gives you access to both native APIs and UI components. The application logic uses JavaScript whereas, the UI is fully native! It also brings the best of the web to native, things like – flexbox layout model, XMLHttpRequest, requestAnimationFrame, etc.
OBJECTIVE
To introduce the audience to React Native. Show how they can leverage their knowledge of web development to build native apps.
TARGET AUDIENCE
Developers familiar with React who are interested in building native mobile apps.
ASSUMED AUDIENCE KNOWLEDGE
Basic knowledge of React, ES6 and CSS.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What is React Native
How it is an extension of hybrid
How to use polyfills to leverage the best of the web while getting native performance
How to debug React Native apps
How to use Flexbox and CSS for styling a React Native app
React and Flux life cycle with JSX, React Router and Jest Unit TestingEswara Kumar Palakollu
Understanding of React, JSX, Flux, react-router and Jest for React and Flux Unit Testing.
Detailed view of react life cycle and flux life cycle along with React life cycle.
React with MVC pattern and React + Flux with MVC pattern explained.
8 Reasons to Use React Query" is likely a presentation discussing the benefits of using the React Query library for managing and caching data in a React application. The slides may cover topics such as efficient data fetching, automatic caching and stale-while-revalidate, real-time updates, and easy-to-use hooks for handling queries and mutations. Additionally, the slides may also highlight how React Query helps improve the performance, developer experience, and user experience of the application.
In this presentation, we'll explore React’s “Component” based world. We'll go through Virtual DOM, how it works, and React's Virtual DOM vs. the real DOM.
I've been working a lot with React lately and thought it would be a good idea to share what I've learned with the group.
During this talk we'll take a look at Facebook's React library while drawing comparisons to frameworks like Angular. We'll see how we can use React and friends to create a fast and efficient single page app. Attendees are expected to have some familiarity with ES6/ES7 since we the codebase we will be looking at leverages features from the spec.
What we'll be taking a look at:
• React
• React Router
• Redux
• Redux Sagas
• Webpack
• Babel
A step towards the way you write the code in React application.In this presentation, I have given introduction about React hooks. Why we need it in our react applications and describe about the two most commonly used React Hooks API useState and useEffect. I also given the links of code snippets I added in these slides
Introduction to React in combination with Redux. Redux helps you to develop applications in a simple way while having features like time-travel available during development.
[Webinar]: Working with Reactive SpringKnoldus Inc.
In this PPT, we will go through the new feature of Reactive Spring i.e how to work with Reactive Programming in Spring 5.0.
These slides also cover:
1. Reactive Architecture and why we need it.
2. Advantages of writing reactive code.
3. How it works with Spring framework.
Intro To React Native
with Varun Vachhar
OVERVIEW
React Native introduces a new way to write native mobile apps. You can take everything that you know and love about React and apply it to native apps. Unlike hybrid apps, it gives you access to both native APIs and UI components. The application logic uses JavaScript whereas, the UI is fully native! It also brings the best of the web to native, things like – flexbox layout model, XMLHttpRequest, requestAnimationFrame, etc.
OBJECTIVE
To introduce the audience to React Native. Show how they can leverage their knowledge of web development to build native apps.
TARGET AUDIENCE
Developers familiar with React who are interested in building native mobile apps.
ASSUMED AUDIENCE KNOWLEDGE
Basic knowledge of React, ES6 and CSS.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
What is React Native
How it is an extension of hybrid
How to use polyfills to leverage the best of the web while getting native performance
How to debug React Native apps
How to use Flexbox and CSS for styling a React Native app
React and Flux life cycle with JSX, React Router and Jest Unit TestingEswara Kumar Palakollu
Understanding of React, JSX, Flux, react-router and Jest for React and Flux Unit Testing.
Detailed view of react life cycle and flux life cycle along with React life cycle.
React with MVC pattern and React + Flux with MVC pattern explained.
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
This ppt contains all concepts of React JS. This contains React Features JSX, functional & Class component, Hooks. PPT includes sample code also for each defination in comment.
For more detail and source code
https://github.com/KPCodeLearning/React-Learning-App
https://kpcodelearning.github.io/React-Learning-App/
https://www.linkedin.com/in/karmanjayverma/
Managing state in modern React web applicationsJon Preece
This is the presentation I gave to my local JavaScript North West meetup group in Manchester, UK on 16th October 2018. The presentation demostrated local state vs Context API vs Redux, and when was appropriate to use each tool and some best practices around all three.
Adding a modern twist to legacy web applicationsJeff Durta
Avoid misery of working with legacy code
We will see how you can add independent and isolated components to existing pages; pages that may be difficult to change
React and Flux allow you to make self-contained additions that handle their own data access/persistence
At Lia Infraservice we create Dynamic Websites. Become a front-end React JS developer and be a part of our tech-savvy Web App Development Company in Chennai.
Marty, You're Just Not Thinking Fourth DimensionallyTeamstudio
When XPages code doesn't work as expected, it is often because the expectation was wrong. With the various phases of the XPages lifecycle, validation, the various event handler settings, embedding Server-Side JavaScript within Client-Side JavaScript or scoped variables, understanding what's really there when your code wants it is key troubleshooting XPages.
In this webinar, Paul Withers will help you think fourth dimensionally to better pre-empt the outcomes and troubleshoot when things don't work out like you expect. You'll realise whether or not the bridge over Clayton... Shonash Ravine will be there to ensure your XPages make it Back to the Future.
Introduction to React-Native
- Difference between React & ReactNative
- Why one should use ReactNative?
- Basic Components
- Life Cycle of Component
- Environment Setup
Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production.
Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process?
In this session we will cover:
- The Art of Effective Code Reviews
- Streamlining the Review Process
- Elevating Reviews with Automated Tools
By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns
Unlocking Business Potential: Tailored Technology Solutions by Prosigns
Discover how Prosigns, a leading technology solutions provider, partners with businesses to drive innovation and success. Our presentation showcases our comprehensive range of services, including custom software development, web and mobile app development, AI & ML solutions, blockchain integration, DevOps services, and Microsoft Dynamics 365 support.
Custom Software Development: Prosigns specializes in creating bespoke software solutions that cater to your unique business needs. Our team of experts works closely with you to understand your requirements and deliver tailor-made software that enhances efficiency and drives growth.
Web and Mobile App Development: From responsive websites to intuitive mobile applications, Prosigns develops cutting-edge solutions that engage users and deliver seamless experiences across devices.
AI & ML Solutions: Harnessing the power of Artificial Intelligence and Machine Learning, Prosigns provides smart solutions that automate processes, provide valuable insights, and drive informed decision-making.
Blockchain Integration: Prosigns offers comprehensive blockchain solutions, including development, integration, and consulting services, enabling businesses to leverage blockchain technology for enhanced security, transparency, and efficiency.
DevOps Services: Prosigns' DevOps services streamline development and operations processes, ensuring faster and more reliable software delivery through automation and continuous integration.
Microsoft Dynamics 365 Support: Prosigns provides comprehensive support and maintenance services for Microsoft Dynamics 365, ensuring your system is always up-to-date, secure, and running smoothly.
Learn how our collaborative approach and dedication to excellence help businesses achieve their goals and stay ahead in today's digital landscape. From concept to deployment, Prosigns is your trusted partner for transforming ideas into reality and unlocking the full potential of your business.
Join us on a journey of innovation and growth. Let's partner for success with Prosigns.
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...Anthony Dahanne
Les Buildpacks existent depuis plus de 10 ans ! D’abord, ils étaient utilisés pour détecter et construire une application avant de la déployer sur certains PaaS. Ensuite, nous avons pu créer des images Docker (OCI) avec leur dernière génération, les Cloud Native Buildpacks (CNCF en incubation). Sont-ils une bonne alternative au Dockerfile ? Que sont les buildpacks Paketo ? Quelles communautés les soutiennent et comment ?
Venez le découvrir lors de cette session ignite
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...informapgpstrackings
Keep tabs on your field staff effortlessly with Informap Technology Centre LLC. Real-time tracking, task assignment, and smart features for efficient management. Request a live demo today!
For more details, visit us : https://informapuae.com/field-staff-tracking/
Quarkus Hidden and Forbidden ExtensionsMax Andersen
Quarkus has a vast extension ecosystem and is known for its subsonic and subatomic feature set. Some of these features are not as well known, and some extensions are less talked about, but that does not make them less interesting - quite the opposite.
Come join this talk to see some tips and tricks for using Quarkus and some of the lesser known features, extensions and development techniques.
Exploring Innovations in Data Repository Solutions - Insights from the U.S. G...Globus
The U.S. Geological Survey (USGS) has made substantial investments in meeting evolving scientific, technical, and policy driven demands on storing, managing, and delivering data. As these demands continue to grow in complexity and scale, the USGS must continue to explore innovative solutions to improve its management, curation, sharing, delivering, and preservation approaches for large-scale research data. Supporting these needs, the USGS has partnered with the University of Chicago-Globus to research and develop advanced repository components and workflows leveraging its current investment in Globus. The primary outcome of this partnership includes the development of a prototype enterprise repository, driven by USGS Data Release requirements, through exploration and implementation of the entire suite of the Globus platform offerings, including Globus Flow, Globus Auth, Globus Transfer, and Globus Search. This presentation will provide insights into this research partnership, introduce the unique requirements and challenges being addressed and provide relevant project progress.
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisGlobus
JASMIN is the UK’s high-performance data analysis platform for environmental science, operated by STFC on behalf of the UK Natural Environment Research Council (NERC). In addition to its role in hosting the CEDA Archive (NERC’s long-term repository for climate, atmospheric science & Earth observation data in the UK), JASMIN provides a collaborative platform to a community of around 2,000 scientists in the UK and beyond, providing nearly 400 environmental science projects with working space, compute resources and tools to facilitate their work. High-performance data transfer into and out of JASMIN has always been a key feature, with many scientists bringing model outputs from supercomputers elsewhere in the UK, to analyse against observational or other model data in the CEDA Archive. A growing number of JASMIN users are now realising the benefits of using the Globus service to provide reliable and efficient data movement and other tasks in this and other contexts. Further use cases involve long-distance (intercontinental) transfers to and from JASMIN, and collecting results from a mobile atmospheric radar system, pushing data to JASMIN via a lightweight Globus deployment. We provide details of how Globus fits into our current infrastructure, our experience of the recent migration to GCSv5.4, and of our interest in developing use of the wider ecosystem of Globus services for the benefit of our user community.
Developing Distributed High-performance Computing Capabilities of an Open Sci...Globus
COVID-19 had an unprecedented impact on scientific collaboration. The pandemic and its broad response from the scientific community has forged new relationships among public health practitioners, mathematical modelers, and scientific computing specialists, while revealing critical gaps in exploiting advanced computing systems to support urgent decision making. Informed by our team’s work in applying high-performance computing in support of public health decision makers during the COVID-19 pandemic, we present how Globus technologies are enabling the development of an open science platform for robust epidemic analysis, with the goal of collaborative, secure, distributed, on-demand, and fast time-to-solution analyses to support public health.
SOCRadar Research Team: Latest Activities of IntelBrokerSOCRadar
The European Union Agency for Law Enforcement Cooperation (Europol) has suffered an alleged data breach after a notorious threat actor claimed to have exfiltrated data from its systems. Infamous data leaker IntelBroker posted on the even more infamous BreachForums hacking forum, saying that Europol suffered a data breach this month.
The alleged breach affected Europol agencies CCSE, EC3, Europol Platform for Experts, Law Enforcement Forum, and SIRIUS. Infiltration of these entities can disrupt ongoing investigations and compromise sensitive intelligence shared among international law enforcement agencies.
However, this is neither the first nor the last activity of IntekBroker. We have compiled for you what happened in the last few days. To track such hacker activities on dark web sources like hacker forums, private Telegram channels, and other hidden platforms where cyber threats often originate, you can check SOCRadar’s Dark Web News.
Stay Informed on Threat Actors’ Activity on the Dark Web with SOCRadar!
May Marketo Masterclass, London MUG May 22 2024.pdfAdele Miller
Can't make Adobe Summit in Vegas? No sweat because the EMEA Marketo Engage Champions are coming to London to share their Summit sessions, insights and more!
This is a MUG with a twist you don't want to miss.
Globus Compute wth IRI Workflows - GlobusWorld 2024Globus
As part of the DOE Integrated Research Infrastructure (IRI) program, NERSC at Lawrence Berkeley National Lab and ALCF at Argonne National Lab are working closely with General Atomics on accelerating the computing requirements of the DIII-D experiment. As part of the work the team is investigating ways to speedup the time to solution for many different parts of the DIII-D workflow including how they run jobs on HPC systems. One of these routes is looking at Globus Compute as a way to replace the current method for managing tasks and we describe a brief proof of concept showing how Globus Compute could help to schedule jobs and be a tool to connect compute at different facilities.
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...Mind IT Systems
Healthcare providers often struggle with the complexities of chronic conditions and remote patient monitoring, as each patient requires personalized care and ongoing monitoring. Off-the-shelf solutions may not meet these diverse needs, leading to inefficiencies and gaps in care. It’s here, custom healthcare software offers a tailored solution, ensuring improved care and effectiveness.
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptxrickgrimesss22
Discover the essential features to incorporate in your Winzo clone app to boost business growth, enhance user engagement, and drive revenue. Learn how to create a compelling gaming experience that stands out in the competitive market.
Into the Box Keynote Day 2: Unveiling amazing updates and announcements for modern CFML developers! Get ready for exciting releases and updates on Ortus tools and products. Stay tuned for cutting-edge innovations designed to boost your productivity.
Experience our free, in-depth three-part Tendenci Platform Corporate Membership Management workshop series! In Session 1 on May 14th, 2024, we began with an Introduction and Setup, mastering the configuration of your Corporate Membership Module settings to establish membership types, applications, and more. Then, on May 16th, 2024, in Session 2, we focused on binding individual members to a Corporate Membership and Corporate Reps, teaching you how to add individual members and assign Corporate Representatives to manage dues, renewals, and associated members. Finally, on May 28th, 2024, in Session 3, we covered questions and concerns, addressing any queries or issues you may have.
For more Tendenci AMS events, check out www.tendenci.com/events
5. React Native Component
Mounting Lifecycle
• constructor(object props)
• The component class is instantiated.
• The parameters to the constructor are the element's
initial props, as specified by the parent element.
• You can optionally specify an initial state for the
element by assigning an object to this.state.
• At this point, no native UI has been rendered yet for
this element.
6. React Native Component
Mounting Lifecycle
• componentWillMount()
• This method is invoked only once, before rendering
occurs for the first time.
• At this point, there is still no native UI rendered for this
element.
• render() -> React Element
• The render method must return a React Element to
render (or null, to render nothing).
7. React Native Component
Mounting Lifecycle
• componentDidMount()
• This method is invoked only once, after rendering
occurs for the first time.
• At this point, the native UI for this element has finished
rendering, and may be accessed through this.refs for
direct manipulation.
• If you need to make async API calls or execute
delayed code with setTimeout, that should generally
be done in this method.
9. React Native Component
Updating Lifecycle
• componentWillReceiveProps(object nextProps)
• The parent of this component has passed a new set of
props.
• This component will re-render.
• You may optionally call this.setState() to update this
component's internal state before the render method
is called.
10. React Native Component
Updating Lifecycle
• shouldComponentUpdate(object nextProps, object
nextState) -> boolean
• Based on the next set of props and state, a
component may decide to re-render or not to re-
render.
• The base class's implementation of this method
always returns true (the component should re-render).
• For optimization, override this method and check if
either props or state have been modified, e.g. run an
equality test of each key/value in these objects.
• Returning false will prevent the render method from
being called.
11. React Native Component
Updating Lifecycle
• componentWillUpdate(object nextProps, object
nextState)
• This method is invoked, after the decision has been
made to re-render.
• You may not call this.setState() here, since an update
is already in progress.
• render() -> React Element
• This method is called, assuming
shouldComponentUpdate returned true.
• The render method must return a React Element to
render (or null, to render nothing).
12. React Native Component
Updating Lifecycle
• componentDidUpdate(object prevProps, object
prevState)
• This method is invoked after re-rendering occurs. At
this point, the native UI for this component has been
updated to reflect the React Element returned from
the render() method.
17. • Firebase is a mobile platform that helps you quickly
develop high-quality apps, grow your user base,
and earn more money.
• The tools and infrastructure you need to build
better apps and grow successful businesses
• Firebase is made up of complementary features
that you can mix-and-match to fit your needs.
• It was acquired by Google since 2014.
18.
19. Key Features
• Authentication (User Sign-In, User Registration, Login
by Google, Login by Facebook)
• Realtime Database (Store and sync app data in
realtime)
• Cloud Messaging (Send Notification to User’s Mobile)
• Crash Reporting (Sending crash report to us)
• Analytics (Knowing how much people using our app
right now)
20. Firebase span over 2 weeks
• Lecture 12
• Real-Time Database Part I
• Lecture 13
• Real-Time Database Part II
• Authentication
• Cloud Messaging / Notification
21. Getting Start With Firebase
1. Create Firebase Project in the Firebase console.
https://console.firebase.google.com/ (We need a
Google account for this).
2. Retrieve apiKey, authDomain, databaseURL, and
storageBucket from Firebase console.
3. Create a new react-native project.
4. Install Firebase from npm.
5. Add it into a react-native project.
22. Create a Project @ Firebase
• Enter https://console.firebase.google.com/
• Login with your Google account
• Press “Create New Project” button
23. 1. Adding Project Name (Any name is fine)
2. Select Country to Thailand
3. Press Create Project button
24. • Click at “Add Firebase to your web app”
(The pink one)
25. • Press Copy button to copy the apiKey, authDomain,
databaseURL, storageBucket, and messagingSenderId
and paste into the code.
26. Create New Project and
Install Firebase
• We will install Firebase version 3.6.0
• Open Terminal and change to a working directory
• $|> react-native init l12_firebase
• $|> cd l12_firebase
• $|> npm install firebase --save
• $|> atom index.ios.js
28. Realtime Database
• Store and sync data with our NoSQL cloud
database. Data is synced across all clients in
realtime, and remains available when your app
goes offline.
29. Key Differences with Realm
• Realm allows you implement your own database
server. Firebase can’t. You need to use Google
Cloud server (which is not free if it is a high traffic).
• Realms DB is the reactive programming concept
(Lazy loading). Firebase’s Realtime DB isn’t.
• Realms DB needs to specify database schema,
while Firebase isn’t. Firebase will save what ever it
got.
34. What happen?
• As the default, user who can write the realtime
database must be authenticated.
• Since our user is not yet authenticated, so the
permission error is occurred.
• For development, We can change this behavior by
re-configure the Database permission.
40. Reload the App again
• At Simulator, Cmd + R or
R,R for reload
• Now there is no warning
sign.
• Realtime database save
successfully.
41. Viewing Saved database
• We can view the saved information in Firebase’s
Realtime database at Firebase console.
• https://console.firebase.google.com/project/{your-
project-name}/database/data
42.
43. Chat Room App
• Simple one chat room.
• Showing number of online users.
• Showing conversations publicly.
• Send the chat message.
• Setting the username
2.js
45. User online / offline
• Conditions
• Online, when the app is active on the screen.
• Offline, when the app is inactive or in
background on the screen.
• We need helps from a React Native’s library called
“AppState”
46. AppState
• Can tell us whether the app is in foreground (active) on
the screen, or in background (inactive).
• active - The app is running in the foreground
• background - The app is running in the background.
The user is either in another app or on the home screen
• inactive - This is a state that occurs when transitioning
between foreground & background, and during periods
of inactivity such as entering the Multitasking view or in
the event of an incoming call
47. Obtaining State
• Accessing AppState.currentState (it was kept up-
to-date by React Native)
• E.g., If app in the foreground (active) state.
• AppState.currentState == “active”
• If app in the background state.
• AppState.currentState == “background”
49. Key Logics for Online User
Counting
• Enter the app
• Read the current onlineUser from Firebase
• Add by 1
• Push it back to the Firebase.
• Leave the app.
• Read the current onlineUser from Firebase
• Remove by 1
• Push it back to the Firebase.
50. Want do some operation in
background?
• When user leave the app, the app become into the
background state.
• All JavaScript code is halted and unloaded from the
memory.
• All timers (setTimeout) are unable to execute,
because their don’t found the codes to run in the
memory.
• We need an external library for running operation in
background.
54. On vs Once
• firebaseRef.on(‘value’, callback)
• Listening for data change forever.
• When the data has changed, the call back is called.
• firebaseRef.once(‘value’, callback)
• Listening for data change only one time. Once it is
changed, it called only one time and become
inactive.
59. Realtime DB Transaction
• Problem occurs!
• When two users open the app at the same time,
when will be happen?
• Both users read the amount of user as the same
value, both users update the database by
increasing by 1. Instead of adding by 2.
• Number of online user and real online user is
mismatched.
62. Realtime DB Transaction
• All transaction requests will be queued at the Firebase
server and will be processed one-by-one.
• Transaction guarantees that no other operations can
write into database during the reading and writing
operations in a transaction block.
• This behavior, we called it atomic write operations.
• Problems of mismatch number of online users when
two or more users enter the app at the same time,
solved!