DOCSLIB.ORG

Choosing React Native for Your Mobile Tech Stack

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text

Load more

CHOOSING REACT NATIVE FOR YOUR MOBILE TECH STACK The all-in-one guide for CEOs and Product Owners When Facebook developers first introduced ReactJS to the world at the 2013 ​ ​ JSConf event, they could hardly predict how this announcement would impact web app development. Two years later, inspired by the library’s impressive growth, the company made another in-house project, React Native, available to the public by ​ ​ releasing it on GitHub. 26th March, the day when React Native joined the ​ ​ open-source domain, set a milestone for the development of mobile applications. 1 Today, with nearly 1,800 contributors and more than 15K commits in 89 branches, React Native (RN) is one of the most popular GitHub repositories. What exactly is React Native? Who can benefit from it? How to develop your first mobile app with RN? These are just some of the questions we will answer in this all-in-one guide to ​ the React Native framework. ​ Why did we create Who should read our this page? guide? Are you considering React Native Blog posts, YouTube tutorials, for your next project? Would you development forums, workshops, code like to learn RN? repositories… If you’re a startup, product owner, There are so many resources to go C-level professional or a marketer, through when you are looking for a this guide will help you get the comprehensive and reliable hang of React Native without information about React Native. reaching the bottom of Google. Who has the time to browse them all? It also aids developers who want to learn to code in React Native. This is your single reliable resource Finally, it is simply meant for that gathers all RN knowledge in one anyone interested in mobile app place. No more searching. development. 2 TABLE OF CONTENTS: 1. What Is React Native? 2. React Native vs. Native Apps 3. React Native vs. Other Cross-Platform Solutions 4. Pros and Cons of React Native 5. When to Use React Native? 6. React Native Performance 7. React Native App Development Process 8. The Economy of React Native 9. Mastering React Native 10. Examples of React Native In a Wild 11. React Native Today - the Current State of React Native 12. The Future of React Native 13. Summary — To React or Not to React? 3 1. WHAT IS REACT NATIVE? React Native definitions can get cryptic. To help you understand if it is the right technology for you, we will start by decoding one of them: React Native is a JavaScript framework for building mobile applications with native look and feel in iOS and Android. Now, how about getting to grips with that statement? THE NAME – REACT NATIVE The name of the framework is a combo of React + native. 4 Why ‘React’? React, an open source JavaScript library for ​ ​ ​ building interactive user interfaces (UI) on the web, was first created in 2011 by Jordan Walke, and deployed at Facebook a year later, it quickly gained popularity thanks to its adaptability, ease of use, and high performance. React Native is a JavaScript framework used for building native ​ ​ mobile applications for iOS, Android, and UWP. Facebook ​ ​ introduced RN two years after the official React release to enable the cross-platform functionality in mobile development. React Native uses React (also called ReactJS) to build app components. It also follows the same design principles, allowing for the creation of rich mobile UI Both, React Native and ReactJS are maintained by Facebook. [Source: ​https://facebook.github.io/react-native/] 5 Why ‘native’? According to Facebook: “With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.” [Source: https://facebook.github.io/react-native/] ​ In mobile application development, a native app is a software created for a specific platform or device. Native applications are developed in a programming language dedicated to a particular operating system, for example, Swift/Objective-C for iOS, or Java/Kotlin for Android. They provide a 6 high level of reliability and performance and deliver a superior user experience. However, there are some downsides to their use, too. Since each OS must be supported by a discrete version of an app, written in a dedicated language, companies need at least twice the time and resources to launch their products on all mobile devices. And developers have to be proficient in multiple programming languages, frameworks, and tools. Is React Native ‘native’? While React Native is NOT purely native, it uses the same building blocks as iOS and Android apps, offering an equivalent user experience and almost as good a performance. What’s more, with RN, developers only have to write their code once to create software that is practically indistinguishable from the one built specifically for a given system. React Native allows you to develop *a cross-platform mobile app with native ​ ​ look and feel, hence the second part of its name, ‘native’. Also, with RN, you can build hybrid apps, which combine native and RN code. To explore the topic of mobile native applications in greater detail, go to section REACT NATIVE VS. NATIVE APPS. * Cross-platform mobile development refers to the development of ​ mobile applications that are supported by multiple mobile operating systems. Despite some limitations, this approach has many advantages over native development, where a separate app must be built for every single mobile platform, which requires a broader programming skill set and takes more time. 7 “With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.” WHAT DOES JAVASCRIPT HAVE TO DO WITH THAT? React Native is a JavaScript framework. In order to build apps with RN, you ​ ​ need to know this language and have a good understanding of React programming. As RN is based on JavaScript, it does not use HTML or CSS for the UI. However, it implements the JSX syntax, so it’s good to become familiar with it as well. WHAT EXACTLY IS A FRAMEWORK? In software programming, a framework is a piece of code that delivers a ​ ​ standardized frame for the developed applications. It dictates the architecture for a software project by providing such functions, modules, APIs, and libraries. 8 Developers use frameworks to simplify app development and decrease the number of manual tasks as they program. React Native is a framework for the creation of mobile applications utilizing ​ JavaScript language and React libraries. ​ ​ ​ Who uses React Native? React Native is an extremely popular and ​ ​ influential framework, and it has multiple uses: B2B applications, apps that contain forms and dynamic images, software used internally by companies, education platforms, etc. The number of household businesses using RN for the development of their apps is remarkable. The framework is used, among others, by Facebook, Instagram, Google, Microsoft, Uber, LinkedIn, and Walmart. See also section WHEN ​ TO USE REACT NATIVE? To learn more about React Native’s benefits (and drawbacks), go to ​ section PROS AND CONS OF REACT NATIVE. ​ ​ Key Takeaways 9 ● React Native is a JavaScript framework used by developers to build cross-platform mobile applications. ● Its name is a compound of two crucial elements; React, as RN builds on React libraries, and native, as a reference to the native look & feel that RN produces. ● React Native is immensely popular among developers who value it for its code clarity, efficiency, and superb user experience. See Also 1. The official React page: https://reactjs.org/ ​ 2. The official React Native page: https://facebook.github.io/react-native/ ​ 3. RN GitHub project: https://github.com/facebook/react-native ​ 4. ‘What is React Native?’: https://www.quora.com/What-is-React-Native ​ 5. ‘8 Amazing Examples of React Web Development’: https://ideamotive.co/blog/8-amazing-examples-of-react-web-develop ment/ 6. ‘What are the main differences between ReactJS and React-Native?’: https://medium.com/@alexmngn/from-reactjs-to-react-native-what-ar e-the-main-differences-between-both-d6e8e88ebf24 10 2. REACT NATIVE VS. NATIVE APPS As we explained in the previous section, React Native is a JavaScript ​ ​ ​ framework based on React libraries that enables development of cross-platform mobile applications which look and feel native. If RN feels ‘almost’ native, how exactly is it different from platform-specific tools? Let’s dive into that subject by defining native apps first. 11 Why Invest in Mobile Applications? As of 2018, Android controls over 85% of the world’s mobile devices, ​ ​ with more than 2 billion active users of the system. Apple, on the other hand, claims to have passed the milestone of 1.3 billion active ​ installed base of devices early this year. ​ “Over one-fifth of millennials (21%) say they open any app more than 50 times a day” [Source: Mobile App Usage Statistics 2018] ​ ​ These numbers denote a massive market and enormous revenue potential for companies who reach out to their customers on mobile. What Are Native Apps? The most common way of delivering mobile applications is through native platforms. A native app uses a platform-specific code in the language dedicated to ​ a given mobile OS. Typically, these are Java and Kotlin for Android or Swift and Objective-C for iOS.
Recommended publications
  • Sencha Touch and Ext JS Developer Description

    Sencha Touch and Ext JS Developer Description

    Sencha Touch and Ext JS Developer Description: Health Outcomes Worldwide (HOW), a diverse and rapidly growing Canadian company seeks a motivated developer to work with an agile virtual team creating cutting-edge web and mobile applications for use by healthcare professionals. HOW provides solutions used by nurses in healthcare environments across Canada. The mobile application is a hybrid HTML5 (Sencha Touch)/Cordova solution designed for tablet devices (iOS and Android). Plans for a revamped browser-based solution (using ExtJS 5) are also in development. The selected developer will play an integral role in both mobile and desktop solution design and development using Sencha tools. The ideal candidate will have: • 4+ years of extensive experience with Sencha Ext JS framework and 2+ experience with Sencha Touch framework. • In-depth knowledge of javascript. • Experience building iOS, Android, Windows and Blackberry apps with PhoneGap/ Cordova platform. • Solid knowledge of HTML5, CSS3, EcmaScript 6 and their integration in a standards-based fashion with each other. • Proficiency with the DOM and asynchronous event programming model. • Experience with cross-platform (PC/Mac, desktop, laptop, tablet) and cross-browser (IE, Firefox, Chrome, Safari) development. • Experience with AJAX, JSON and RESTful web services. • Server-side development with ASP.NET WebForms, ASP.NET MVC and Node.js. • Database design and programming using MS SQL Server and SQLite. • Familiarity with Design Patterns, particularly Model-View-Controller (MVC). • Experience with mobile development and Touch interfaces. • Solid understanding and experience with Agile software development methodologies. Qualified, interested parties should submit a resume to [email protected].
  • 85324630.Pdf

    85324630.Pdf

    About NetTantra NetTantra is a creative technology and design company based out of India, US and UK. We provide web based solutions and mobile solutions to various industries like manufacturing, consulting, education. We have expertise in various sectors of the web including an array of server-side languages, OpenSource CMS/Blog frameworks, Linux/UNIX system administration, production server backup and recovery solutions, cloud infrastructure set-up and much more. Our expertise in providing WordPress based solutions has been acclaimed by many of our clients and the OpenSource community. We also provide cloud based solutions like migrating existing applications and building cloud applications for public or private cloud setups. We are known among our clients for on-time delivery and extraordinary quality of service. In mobile based solutions, we have expertise in developing native applications for iOS and Android platforms. We also develop cross-platform mobile applications using Sencha Touch and jQuery Mobile frameworks. 2 of 14 pages Why Hire Us ✔ Technology ◦ We have expertise in the most cutting edge tools and technologies used in the industry with special focus on OpenSource Technologies ◦ We pay special attention to web and network security for all projects ◦ Our team follows highly optimized project delivery life cycles and processes ✔ Cost ◦ We offer the best price to quality ratio ✔ Infrastructure ◦ Advanced workstations ◦ Cutting edge computing and network systems ◦ Power packed online servers ◦ Smart communications systems ◦ Conference halls, CBT and video learning facilities ◦ High-speed uninterrupted Internet connection ✔ Quality of Service ◦ Guaranteed client satisfaction ◦ Real-time customer support with the least turn-around in the industry ◦ Pre-sales technical and business related support to partners and agencies ✔ Ethics and Principles ◦ We ensure confidentiality in all our dealings.
  • ODOT Default Web Application Architecture

    ODOT Default Web Application Architecture

    The Ohio Department of Transportation (ODOT) Division of Information Technology ODOT Default Web Application Architecture Filename:ODOT Web Application Architecture.doc Version: 8.0 Author: Michael Jordan Last Modified: 11/16/2017 Project Site: Document Summary: Prepared by the ODOT Division of Information Technology (DoIT) [Document Header] Contents 1 Introduction ......................................................................................................................... 3 1.1 About This Document ..................................................................................................... 3 1.2 Document Location ......................................................................................................... 3 2 Architecture ......................................................................................................................... 4 2.1 A Layered Approach ....................................................................................................... 4 2.1.1 User Interface Layer ............................................................................................... 4 2.1.2 Domain Layer ......................................................................................................... 4 2.1.3 Service Layer .......................................................................................................... 5 3 Technologies ....................................................................................................................... 6 3.1 Microsoft .NET Platform.................................................................................................
  • What Is React Native? by High School Technology Services Myhsts.Org

    What Is React Native? by High School Technology Services Myhsts.Org

    What is React Native? By High School Technology Services myhsts.org React Native • React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS. Abstracting React from the DOM DOM • Just to get things straight - DOM stands for Document Object Model and is an abstraction of a structured text. For web developers, this text is an HTML code, and the DOM is simply called HTML DOM. Elements of HTML become nodes in the DOM. Cont.. Virtual DOM to abstract react Like the actual DOM, the Virtual DOM is a node tree that lists elements and their attributes and content as objects and properties. React’s render() method creates a node tree from React components and updates this tree in response to mutations in the data model, caused by actions. • Each time the underlying data changes in a React app, a new Virtual DOM representation of the user interface is created • This is where things get interesting. Updating the browser’s DOM is a three-step process in React. • Whenever anything may have changed, the entire UI will be re-rendered in a Virtual DOM representation.
  • Building a Hybrid Application Using React Native

    Building a Hybrid Application Using React Native

    BUILDING A HYBRID APPLICATION USING REACT NATIVE LAB-University of Applied Sciences Bachelor of Engineering Information Technology Spring 2020 Pauli Sairanen Abstract Author(s) Type of publication Published Sairanen, Pauli Bachelor’s thesis Spring 2020 Number of pages 60 Title of publication Building a hybrid application using React Native Name of Degree Bachelor of Information Technology Abstract The objective of this thesis was to create a hybrid application that could be used at various events organized by the customer. The subgoals of the thesis were formed based on the requirements the customer had for the application. Research was done in order to demonstrate the different technologies used in mobile development as well as pros and cons of using either native, web or hybrid technologies for development. React Native was used as the development platform in this thesis. Further research was conducted in order to gain a better understanding of the operating principles of React Native and React, as well as other technologies required in the development process. The process of creating a hybrid application consisted of different work phases. The purpose of each phase was to implement the required features for the application in an organized manner. As a result, a working hybrid application was created according to the requirements specifications. The application was released on Google Play store and used at the event organized by the customer. Keywords React, React Native, hybrid application, mobile development, JavaScript Tiivistelmä Tekijä(t) Julkaisun laji Valmistumisaika Sairanen, Pauli Opinnäytetyö, AMK Kevät 2020 Sivumäärä 60 Työn nimi Building a hybrid application using React Native Tutkinto Insinööri (AMK) Tiivistelmä Opinnäytetyön tarkoituksena oli luoda hybridimobiilisovellus, jota voidaan käyttää erilaisissa asiakkaan järjestämissä tilaisuuksissa.
  • Python Projects for Resume Reddit

    Python Projects for Resume Reddit

    Python Projects For Resume Reddit Chet rape his klutz settles wrong or extraneously after Neron prune and covings proprietorially, undisturbing and Caldwellallegiant. neverSniffiest dibble Torrin any levigating parroquets! some Caen after ringent Marmaduke insists snappishly. Anabatic or suchlike, This location that on how to make the reddit python project on a java or command Then I decided to personalize my cover paid and resume summary then route to send. CodeSignal Coding Tests and Assessments for Technical. Can perform give baby some good examples of mediumhigh level projects that. Self-taught Python and CC What of some projects I can. Advanced Programming Projects Reddit. Get instant coding help build projects faster and read programming tutorials from. I managed to surface a script that asks for order number checks of the remainder is. Search for code editors and you to properly. ShadowmooseRedditDownloader Scrapes Reddit to GitHub. Best Machine Learning GitHub Repostories & Reddit. Python vs powershell reddit ERAZ 2020. Entry level programming jobs reddit Bacta. Scrape a Subreddit Reddit is rate of cotton most popular social media platforms out there phone has communities called subreddits for nearly every topic he can. Feb 27 2020 Free Resume Builder Reddit 32 Inspirational Free. One Click Essays Best paper community service reddit best team. A bot that connects to an API like the ones provided by YouTube Reddit or Discord. The against for me to them able today put a personal or side free on other resume. Interning at and cross your bots you for resume. Niraj Sheth Senior Software Engineer Crypto Reddit Inc. Projects that feature're proud of languages that you've worked in you don't need to.
  • I Have Often Mused About How the Architecture of the Cpus We Use Influ

    I Have Often Mused About How the Architecture of the Cpus We Use Influ

    Musings RIK FARROWEDITORIAL Rik is the editor of ;login:. have often mused about how the architecture of the CPUs we use influ- [email protected] ences the way our operating systems and applications are designed. A I book I reviewed in this issue on the history of computing managed to cement those ideas in my head. Basically, we’ve been reprising time-sharing systems since the mid-60s, whereas most systems serve very different pur- poses today. Along the way, I also encountered a couple of interesting data points, via pointers from friends who have been influencing me. One was Halvar Flake’s CYCON 2018 talk [1], and another was about a new OS project at Google. The opinion piece by Jan Mühlberg and Jo Van Bulck that appears in this issue influenced me as well, as it describes a CPU feature that, among other things, could block the use of gadgets in return-oriented programming (ROP). Flake explained that much of our current problems with security have to do with cheap com- plexity. Even though a device, like a microwave oven or intravenous drip-rate controller, only requires a PIC (Programmable Interrupt Controller), it may instead have a full-blown CPU running Windows or Linux inside it. CPUs are, by design, flexible enough to model any set of states, making them much more complex than what is needed inside a fairly simple device. Designers instead choose to use a full-blown CPU, usually with an OS not designed to be embedded, to model the states required. Vendors do this because many more people under- stand Windows or Linux programming than know how to program a PIC.
  • Npm Packages As Ingredients: a Recipe-Based Approach

    Npm Packages As Ingredients: a Recipe-Based Approach

    npm Packages as Ingredients: a Recipe-based Approach Kyriakos C. Chatzidimitriou, Michail D. Papamichail, Themistoklis Diamantopoulos, Napoleon-Christos Oikonomou, and Andreas L. Symeonidis Electrical and Computer Engineering Dept., Aristotle University of Thessaloniki, Thessaloniki, Greece fkyrcha, mpapamic, thdiaman, [email protected], [email protected] Keywords: Dependency Networks, Software Reuse, JavaScript, npm, node. Abstract: The sharing and growth of open source software packages in the npm JavaScript (JS) ecosystem has been exponential, not only in numbers but also in terms of interconnectivity, to the extend that often the size of de- pendencies has become more than the size of the written code. This reuse-oriented paradigm, often attributed to the lack of a standard library in node and/or in the micropackaging culture of the ecosystem, yields interest- ing insights on the way developers build their packages. In this work we view the dependency network of the npm ecosystem from a “culinary” perspective. We assume that dependencies are the ingredients in a recipe, which corresponds to the produced software package. We employ network analysis and information retrieval techniques in order to capture the dependencies that tend to co-occur in the development of npm packages and identify the communities that have been evolved as the main drivers for npm’s exponential growth. 1 INTRODUCTION Given that dependencies and reusability have be- come very important in today’s software develop- The popularity of JS is constantly increasing, and ment process, npm registry has become a “must” along is increasing the popularity of frameworks for place for developers to share packages, defining code building server (e.g.
  • Nativescript Layout Widgets

    Nativescript Layout Widgets

    CS132 Lecture 37: Nobbles Lecture 21 Mobile Applications I 3/4/2020 1 Lecture 1: Course Introduction Web Application Architecture Front End HTTP Web Browser Database Back End Server Front End Web Server Mobile Platform 3/4/2020 2 CS132 Lecture 37: Nobbles Structure of a Web Application JavaScript Event Handling Events AJAX URLs HTML/CSS Back End HTML pages Browser 3/4/2020 3 CS132 Lecture 37: Nobbles Structure of a Mobile Application Native Event Handler Events AJAX Display Page Back End Handler Operating System 3/4/2020 4 CS132 Lecture 37: Nobbles Web and Mobile Differences HTML Front End JavaScript Native Event Handler Event Handler Operating Browser System URL Requests Page Handler 3/5/2020 5 CS132 Lecture 37: Nobbles Mobile Front Ends • Widget-Based o Hierarchy of widgets replaces HTML hierarchy o Text is in label widgets o Widgets exist for buttons, inputs, etc. ▪ Corresponding to HTML form elements o Layout is done using layout widgets ▪ These control how their contents are displayed • Widget Properties control formatting and display • Widgets can be created and nested directly • There is a language for defining widget hierarchies o Generally XML-based static description o Differs on the different platforms HTML Front End 3/5/2020 6 CS132 Lecture 37: Nobbles Mobile Event Handling • The actual code is event-based o Wait for event o Act on the event by starting action that yields new events • Events are similar to those of the browser o Based on user actions o Based on external events (timers, input ready, …) o But not quite the same
  • Facebook Messenger Engineering

    Facebook Messenger Engineering

    SED 1037 Transcript EPISODE 1037 [INTRODUCTION] [00:00:00] JM: Facebook Messenger is a chat application that millions of people use every day to talk to each other. Over time, Messenger has grown to include group chats, video chats, animations, facial filters, stories and many more features. Messenger is a tool for utility as well as for entertainment. Messengers used on both mobile and desktop, but the size of the mobile application is particularly important. There are many users who are on devices that do not have much storage space. As Messenger has accumulated features, the iOS codebase has grown larger and larger. Several generations of Facebook engineers have rotated through the company with responsibility of working on Facebook Messenger, and that has led to different ways of managing information within the same codebase. The iOS codebase had room for improvement and Project LightSpeed was a project within Facebook that had the goal of making Messenger on iOS much smaller. Mohsen Agsen and is an engineer with Facebook and he joins the show to talk about the process of rewriting the Messenger app. This is a great deep dive into how to rewrite a mission- critical iOS application, and this team became very large at a certain point within Facebook. It's a great story and I hope you enjoy it as well. [SPONSOR MESSAGE] [00:01:27] JM: When I’m building a new product, G2i is the company that I call on to help me find a developer who can build the first version of my product. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL and mobile engineers who you can trust.
  • Hacking with React Get Started with React, React Router, Jest, Webpack, ES6 and More with This Hands-On Guide

    Hacking with React Get Started with React, React Router, Jest, Webpack, ES6 and More with This Hands-On Guide

    Hacking with React Get started with React, React Router, Jest, Webpack, ES6 and more with this hands-on guide. Paul Hudson © 2016 Paul Hudson This book is dedicated to my wife, who has been endlessly patient with me while I write and re-write this book. No matter how hard I work, she works just as hard and has always been there for me. CONTENTS Contents Welcome! .............................................. 1 Begin at the Beginning: Chapter One .............................. 3 The Importance of using Webpack with React ......................... 9 Introduction to JSX ........................................ 12 Importing React Components using ES6 ............................ 14 What are React Props? ...................................... 16 Generating Random Values for Our Page ............................ 18 How to Write if/else Conditional Statements in JSX ..................... 20 Using JSX to Render Several Elements at Once ........................ 23 Handling Events with JSX: onClick ............................... 25 State vs Props in React ...................................... 28 Changing a React Component’s State with setState() ..................... 30 State and the Single Source of Truth .............................. 32 Rendering an Array of Data with map() and JSX ....................... 33 Cleaning up and Preparing for a Real Project ......................... 37 Fetching Ajax Data from GitHub using SuperAgent ...................... 40 Converting GitHub’s JSON into Meaningful JSX ....................... 42 Time for a Task:
  • Choosing the Right Javascript Framework for Your Next Web

    Choosing the Right Javascript Framework for Your Next Web

    Choosing the Right JavaScript Framework for Your Next Web Application by Brandon Satrom © 2017 Progress. All Rights Reserved. All Rights © 2017 Progress. 2018 WHITEPAPER Table of Contents The Current State of Web Frameworks / 3 Tooling Considerations / 22 Evaluation Criteria / 5 UI & Component Libraries / 22 Ecosystem Considerations / 7 IDE & Tooling Support / 23 History & Longevity / 7 Companion & CLI Tools / 24 Popularity / 9 Enterprise Considerations / 26 Corporate Support / 11 Licensing / 26 Community & Ecosystem / 12 Support & Upgrade Paths / 27 Framework Considerations / 13 Security / 29 Getting Started Experience / 13 Talent Pool & Resources / 30 Skill Requirements / 15 Making a Choice / 33 Completeness of Offering / 17 Size & Performance / 18 Beyond the Browser Options / 21 © 2018 Progress. All Rights Reserved. All Rights © 2018 Progress. Progress / Kendo UI 2 The state of web application development has changed drastically in the past ten years. These changes have been spurred on by greater bandwidth for many, more powerful and feature-rich browsers. The result is a thriving web ecosystem with sites, apps and experiences that would have been hard to imagine a decade ago. And yet, for many developers, this ecosystem often feels like a bazaar, stuffed with libraries and frameworks that do anything and everything one could imagine. For every need there are a dozen options to choose from, and with new stalls (libraries) opening every day, it’s no wonder many of us pine for the days when starting a new project was as simple as dropping jQuery in a script tag. The Current State of Web Frameworks There’s no doubt that the web has grown in complexity, and our development tooling options have grown along with it.