A brief introduction to React Native and also best way to render analytics charts & graphs in React Native. Making cross platform ios and android apps.
Presentation used for my session on Facebook Developer Circle Chennai - React Native for beginners meetup.
Repository for code files can be found at https://github.com/DaniAkash/FBDevCChennai-ReactNative-for-beginners
Event website: https://fbdc-chennai-1.splashthat.com/
As presented at DevDuck #6 - JavaScript meetup for developers (www.devduck.pl)
----
Looking for a company to build your React app? - Check us out at www.brainhub.eu
Presentation used for my session on Facebook Developer Circle Chennai - React Native for beginners meetup.
Repository for code files can be found at https://github.com/DaniAkash/FBDevCChennai-ReactNative-for-beginners
Event website: https://fbdc-chennai-1.splashthat.com/
As presented at DevDuck #6 - JavaScript meetup for developers (www.devduck.pl)
----
Looking for a company to build your React app? - Check us out at www.brainhub.eu
Una charla sobre React Native que di el 23 de Marzo 2017 en el meetup ValenciaJS: https://www.meetup.com/es-ES/ValenciaJS/events/238249872/
En 2016 desarrollé durante seis meses una aplicación para React Native. En esta charla compartí todo lo que he aprendido sobre este framework, y cómo os puede servir para crear una app nativa para iOS y Android al mismo tiempo de manera rápida y ágil.
Hablé sobre la parte positiva, y las cosas que aceleraron nuestro proceso de desarrollo, pero también sobre algunos inconvenientes que hay que tener en cuenta. Se trata sobre todo de problemas muy específicos de cada plataforma, poner en marcha un flujo de integración continua y facilitar un proceso sencillo de testar la app con los usuarios.
React Native es una buena solución que está muy de moda pero esto no significa que hay que usarlo sin analizar bien las necesidades de tu proyecto. Presenté brevemente una alternativa (Ionic 2) y conté que ventajas tiene en comparación con React Native desde mi punto de vista.
How native is React Native? | React Native vs Native App DevelopmentDevathon
As a popular development framework, React Native helps you to develop near-native mobile apps. Find out all the differences between React Native and Native App Development:
https://devathon.com/blog/how-native-is-react-native-vs-native-app-development/
#reactjs #app #tech #software #developer #Mobile
How to get started with React Native if you're a ReactJS developer? What are the similarities and differences? How to incrementally add React Native to an existing native app?
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...Codemotion
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same fundamentals have been taken to another important environment in our contemporary world: the mobile applications. We'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps developers to build native apps using React.
React-Native components are awesome. But you can also extend the library yourself by creating a native component, using a bridge between the platform API (iOS, Android) and Javascript.
Demo code is here: https://github.com/jgrancher/talk-rncc
React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...Codemotion
ReactJs has a young brother called React Native that it is ready to jump from the web development to mobile native development. And that is great, because React and its "one direction data flow" philosophy is one of the coolest things that happened past year :) In this talk I'll give a brief summary about React, its style and philosophy and how we can use React Native to build native applications for iOS and Android using JavaScript and the same set of tools and workflow we use to create web applications.
Experiences building apps with React Native @UtrechtJS May 2016Adrian Philipp
React Native is all about combining great user experience on native platforms with the developer experience of React on the web. Since it’s start one year ago, React Native continuously enjoys a tremendous traction. In 2015 React got popular, 2016 will be the year of React Native. I followed the development since the start and now I’m busy building my third React Native app. During my talk I like to introduce the library, show useful tooling and give practical advice for building React Native apps.
An intro to React Native using react-native cli, styled components, react-navigation, and an an introduction to the react native ecosystem.
Example repo: https://github.com/ladyleet/fluentConf2
Have questions? Tweet me http://twitter.com/ladyleet
React Native - Why Designers should use React native. And everyone else too.Val Scholz
This is from my talk "Why Designers should use React Native. And everyone else too" which I prepared for the React Native meet up in Vienna.
The talk gives a brief introduction to React Native and why it's so great for mobile development.
Inspired by the talk of Pieter De Baets
Why is React Native the Best Choice for Cross-Platform Mobile App Development...Techugo
React Native is a popular framework for cross-platform mobile app development. Its ability to allow developers to write code once and deploy it across multiple platforms, including iOS and Android, makes it a time and cost-effective solution for businesses. React Native also offers great performance, a large developer community, and a wide range of pre-built components, making it the go-to choice for many mobile app projects.
Una charla sobre React Native que di el 23 de Marzo 2017 en el meetup ValenciaJS: https://www.meetup.com/es-ES/ValenciaJS/events/238249872/
En 2016 desarrollé durante seis meses una aplicación para React Native. En esta charla compartí todo lo que he aprendido sobre este framework, y cómo os puede servir para crear una app nativa para iOS y Android al mismo tiempo de manera rápida y ágil.
Hablé sobre la parte positiva, y las cosas que aceleraron nuestro proceso de desarrollo, pero también sobre algunos inconvenientes que hay que tener en cuenta. Se trata sobre todo de problemas muy específicos de cada plataforma, poner en marcha un flujo de integración continua y facilitar un proceso sencillo de testar la app con los usuarios.
React Native es una buena solución que está muy de moda pero esto no significa que hay que usarlo sin analizar bien las necesidades de tu proyecto. Presenté brevemente una alternativa (Ionic 2) y conté que ventajas tiene en comparación con React Native desde mi punto de vista.
How native is React Native? | React Native vs Native App DevelopmentDevathon
As a popular development framework, React Native helps you to develop near-native mobile apps. Find out all the differences between React Native and Native App Development:
https://devathon.com/blog/how-native-is-react-native-vs-native-app-development/
#reactjs #app #tech #software #developer #Mobile
How to get started with React Native if you're a ReactJS developer? What are the similarities and differences? How to incrementally add React Native to an existing native app?
React Native for multi-platform mobile applications - Matteo Manchi - Codemo...Codemotion
Since its 2013 release, React has brought a new way to design UI components in the world wide web. The same fundamentals have been taken to another important environment in our contemporary world: the mobile applications. We'll see the philosophy behind React Native - learn once, write anywhere - and how this new framework helps developers to build native apps using React.
React-Native components are awesome. But you can also extend the library yourself by creating a native component, using a bridge between the platform API (iOS, Android) and Javascript.
Demo code is here: https://github.com/jgrancher/talk-rncc
React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...Codemotion
ReactJs has a young brother called React Native that it is ready to jump from the web development to mobile native development. And that is great, because React and its "one direction data flow" philosophy is one of the coolest things that happened past year :) In this talk I'll give a brief summary about React, its style and philosophy and how we can use React Native to build native applications for iOS and Android using JavaScript and the same set of tools and workflow we use to create web applications.
Experiences building apps with React Native @UtrechtJS May 2016Adrian Philipp
React Native is all about combining great user experience on native platforms with the developer experience of React on the web. Since it’s start one year ago, React Native continuously enjoys a tremendous traction. In 2015 React got popular, 2016 will be the year of React Native. I followed the development since the start and now I’m busy building my third React Native app. During my talk I like to introduce the library, show useful tooling and give practical advice for building React Native apps.
An intro to React Native using react-native cli, styled components, react-navigation, and an an introduction to the react native ecosystem.
Example repo: https://github.com/ladyleet/fluentConf2
Have questions? Tweet me http://twitter.com/ladyleet
React Native - Why Designers should use React native. And everyone else too.Val Scholz
This is from my talk "Why Designers should use React Native. And everyone else too" which I prepared for the React Native meet up in Vienna.
The talk gives a brief introduction to React Native and why it's so great for mobile development.
Inspired by the talk of Pieter De Baets
Why is React Native the Best Choice for Cross-Platform Mobile App Development...Techugo
React Native is a popular framework for cross-platform mobile app development. Its ability to allow developers to write code once and deploy it across multiple platforms, including iOS and Android, makes it a time and cost-effective solution for businesses. React Native also offers great performance, a large developer community, and a wide range of pre-built components, making it the go-to choice for many mobile app projects.
Getting Started With React Native PresntationKnoldus Inc.
React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces. React Native is an open-source framework developed by Facebook for building mobile applications using JavaScript and React.
When to choose and avoid react native for mobile app developmentFullestop
The trend of using apps is now very common among citizens. React Native is the latest technology used by top companies in the world. The best part of that technology is, it is backed by social media giants i.e. Facebook. We at Fullestop always trying to become one step ahead in the field of app development. It has many features and its popularity clearly shows that it would become the solution for all your problems regarding app development. We deliver the best react native experience as we are the top react native app development company. Kindly visit the site to know more.
Reactjs Vs React Native – Key Difference, Advantages, And DisadvantagesAndolasoft Inc
ReactJS is a framework for building applications using JavaScript. React Native is an entire platform allowing you to build native, cross-platform mobile apps, and React.JS is a JavaScript library you use for constructing a high performing UI layer.
Best React Native training institute in NoidaGargi Raghav
Join CETPA Infotech Noida No.1 training institute for React Native Training. Cetpa Infotech can help you hone your skills in the field of Android application development.
React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. React Native is great for mobile apps. It provides a slick, smooth and responsive user interface, while significantly reducing load time. It's also much faster and cheaper to build apps in React Native as opposed to building native ones, without the need to compromise on quality and functionality.
CETPA Infotech Trainers are well experienced, and they are all certified experts who help the candidate boost their skills, which gives them confidence to crack any type of interview. Cetpa Infotech offers 100% placement assistance to their students. So, join Cetpa Infotech to become more skilled. provides quality study material. and also provide assignments after each module.
So, enrol now with Cetpa Infotech to become more skilled. Click on the link given below to enrol.
https://www.cetpainfotech.com/technolgy/react-native-training
React Native Vs. Flutter: Which Platform to Choose for Cross-Platform App Dev...DashTechnologiesInc
Selecting between two different technologies or app development platforms has always been arduous, especially if you are new to the tech arena. It becomes even more challenging when you have to choose between the top performers, like React Native and Flutter. Selecting the right platform, especially between React Native vs. Flutter, entirely depends on your knowledge of the platforms and project requirements.
We often receive questions from our clients and readers asking which platform from “React Native vs. Flutter” is the right option for a cross-platform app development project. It’s a question that we have been receiving for many years. And the ubiquitous answer for this is “it depends.”
Flutter vs react native – from developer pointBOSC Tech Labs
With the rising number of mobile internet users, there is huge traffic. When it comes to developing a mobile application using cross-platform technologies both Flutter and React Native is the best available option. So we will learn about which is best for your next project requirement.
What is React Native and Why Should You Choose It For Mobile AppNicole Khoo
This blog will discuss what React Native App Development is The advantages of choosing React Native for App development,and the various reasons to use React Native for Mobile App Development. It will include features like Live Reload capability ,support for third-party plugins,and more.
10 Key Reasons To Choose React Native For Mobile App Development.pdfOrange Mantra
Mobile App Development has been the most trending and demanding technology these days. And here we are discussing "10 Key Reasons To Choose React Native For Mobile App Development"
Are you struggling to choose the right platform to build your first mobile app? Would you like to know more about React Native before taking decision? Here is the document summarizes everything about React Native and various mobile application development frameworks. Surely make your life easier.
Build native iOS, Android and Windows apps with JavaScript.
Advantages of building Social Media Apps in React Native Shelly Megan
Learn about the benefits of using React Native for crafting social media apps and the success stories of some popular React Native social networking apps
Checkout top 7 Reasons Why React Native is Growing RapidlyKunsh Technologies
React Native has become a commonly used technology among the React JS developers and react based professionals who are constantly engaged in creating quality based mobile apps to meet their project goals. React JS Developers at Kunsh Technologies hereby shared important reasons why React Native is growing rapidly for web and mobile app development.
Know Why React Native Is an Ideal Choice for Start-ups.pdfOrange Mantra
React Native is a popular JavaScript framework that helps developers create native-like cross-platform applications. Since its inception in 2015, React Native has been introduced to the world as an open-source framework, popularly known for integrating web development concepts with mobile application concepts. The best thing about this framework is that it allows developers to create an application for various cross-platforms using the same codebase.
Why Businesses Should Hire React Native Developers to Build the Best Mobile A...Noman Shaikh
In the fast-paced digital world we live in, having a strong mobile presence has gone from nice-to-have to need-to-have for businesses looking to stay ahead of the competition.
But simply having a mobile app isn't enough these days. You need to build one that wows and engages your users, drives sales, and gives your brand an edge.
App Development Made Easy Why React Native Should Be Your Top Pick.pdfVrinsoft Technology
The mobile app development market is booming as the number of apps and users increases exponentially. There are various ways to build an app, and choosing the proper framework is important. React Native is a popular and efficient option that developers and businesses prefer.
Reasons to Choose React Native for building Social Media/Networking Apps!Shelly Megan
Multiple social media applications like Facebook, Pinterest, Discord, Skype, Instagram, etc. have leveraged the benefits of React Native app development services to attain popularity and success. The advantages associated with building a social media app in React Native are cross-platform app development, highly reusable code and components, the availability of ready-to-use libraries, a rich UI/UX, native capabilities, improved Google search indexing, reduced time-to-market, and cost-effective development.
Advantages and Disadvantages of React Native App DevelopmentAPPNWEB Technologies
Here, We shared knowledge about the Advantages and Disadvantages of React Native App Development. it will be to help develop web application for your business. For More Info:- https://www.appnwebtechnologies.com/angularjs-development-services
Similar to Introduction to React Native & Rendering Charts / Graphs (20)
This document consists of information on how to use existing Polymer Elements from a catalog of utility elements.
Polymer Elements Catalog
• Paper Elements
• Iron Elements
• Gold Elements
• Data Elements
• Platinum Elements
• Molecules
• Google Web Components
In this document I explain about advanced topics regarding Custom Elements in PolymerJS like Data Binding, Behaviors, Event Listeners, Gestures, Execution Flow for App Route, Animations & Styling, Responsive UI, Multiple Themes, Making Ajax Calls
This document consists of important information & points regarding learning all about creating Custom Elements in PolymerJS to develop engaging Web Experiences. This will contain important topics like Custom Elements, Registering them, Event Lifecycle, Local DOM, Styling them
This document gives you an overview of PolymerJS and how it can be used to build engaging user experiences being very native to all the browsers too. PolymerJS leverages the core concepts of WebComponents which is the future of Web Development as most of the important specs are coming to the browsers in latest releases.
This presentation contains important information introducing Angular 2& above to the Web Developers who have either used AngularJS 1 or starting afresh with JS App Development.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
2. MOBILE MEETUP React Native
Little about Myself
2
Rahat Khanna
@mappmechanic
Bangalore
Front End Dev Blogger Author
blog.pusher.com
airpair.com
packtpub.com/blog
pluralsight.org
3. MOBILE MEETUP React Native
Agenda
3
1. Discuss about Mobile Apps &
evolution of Mobiles
2. Introduction to React Native & its
Features
Some Cool Demos & Show off
for React Native
5. MOBILE MEETUP React Native
Hybrid Mobile Apps
5
2 Major Categories
Specific
Programming
Language
like C#, Javascript,
CoffeeScript
Webview Based Hybrid Apps
Cross Compiled Hybrid Apps
• Cross Platforms - iOS, Android, Windows
• Minimal Go To Market Time
• Rapid Iterations
• Availability of Skills like HTML5, CSS & Javascript
• Support for Multiple Screen Size using CSS3
• Support for OTA Update Pushes
6. MOBILE MEETUP React Native 6
What is ReactJS ?
• Library for building User Interfaces
• V part of MVC ( Model View Controller )
• Not a front end framework
• Built by Facebook for internal usage first
• Full Virtual DOM
• Can be used in any other framework as the View component
• Separation of Concerns
Motivation for React
Nowadays JS is very fast and new ES6 recommendation introduces powerful OOP principles
Main drawback is DOM, till now no complete standardisation has been made in DOM APIs
DOM updates are slow
Applications are growing ever complex and data intensive
7. MOBILE MEETUP React Native
History of React Native
7
• Started as internal project in a Hackathon
after React was open sources in 2013
• The first public preview was in January of
2015 at React.js Conference
• In March of 2015, Facebook announced at
F8 that React Native is open and available
on GitHub
• Its 14th most starred repository on
GitHub.
8. MOBILE MEETUP React Native
Adopters & Users
Both Microsoft and Samsung committed to bringing React
Native to Windows and Tizen
15. MOBILE MEETUP React Native
Platform Specific Code
15
• You can choose your method for keeping platform
specific code organised
• /common/components
• /android/components
• /ios/components
React Native provides a cleaner way to do that using
platform specific extensions - .ios.js & .android.js
MyCustomButton.ios.js & MyCustomButton.android.js
import MyCustomButton from ‘./components/MyCustomButton’;
• MyCustomButtonIOS.js
• MyCustomButtonAndroid.js
16. MOBILE MEETUP React Native
JSX
16
• Merging ES and
HTML
• Enhances Javascript
semantics
• Forward leaning ES6
syntax
• Requires a transpiler
17. MOBILE MEETUP React Native
Styling or CSS in Javascript
17
• All React Native core
components accept
a style attribute
• Both a single value
or an array of values