React Angular or Jesse Sanders , CEO Thomas Burleson , Principal - PowerPoint PPT Presentation

Feb 16, 2023 •991 likes •1.07k views

Web Products Choosing your technology stack React Angular or Jesse Sanders , CEO Thomas Burleson , Principal Architect React Learning Curve wild west Productivity Angular Learning Curve Productivity Hiring Developers Hard Angular

Web Products Choosing your technology stack React Angular or Jesse Sanders , CEO Thomas Burleson , Principal Architect
React Learning Curve wild west Productivity
Angular Learning Curve Productivity
Hiring Developers Hard Angular React Easy
Technology Pros Angular React Easy to experiment Easier to build layers : UI + State + Services Easy to compose view hierarchies Easier to build business forms Easy to deliver data to children Easier to route + lazy load Lightweight builds Easy to test non-UI parts Fast Renderings Built-in Dependency Injection
The Executive Criteria Exisiting development team ? Single developer or multiple teams ? One (1) product or multiple products Quick release or long-term Viability
Technology Recommendations + React Angular Use a MonoRepo sitory Use TypeScript, Jest, & Cypress Shared code between React + Angular Apps Keep Business Logic outside Views Use RxJS for Reactive Architectures Build UI component Library with StencilJS Jest Test all Non-UI component Cypress test all UI workflows

Recommend

webrx-react Monadic Development for the Web Using RxJS and React Follow Along @

webrx-react Monadic Development for the Web Using RxJS and React Follow Along @ https://git.io/vQ10Y Who Am I? Pat Sissons Senior Software Developer at Marine Learning Systems /patsissons /marinels webrx-react? webrx-react is a single

495 views • 28 slides

Building React web and React Native apps with shared code Tyrone Trevorrow: @tyrone_mpolee Tim

Building React web and React Native apps with shared code Tyrone Trevorrow: @tyrone_mpolee Tim Sawtell: @saw083 Damon Smith: @damondefault Outline 1. Why Sportsbet would consider React and React Native 2. What React and React Native offers

872 views • 40 slides

React Native Navigation Screens, moving, parameters React Navigation React Navigation is not

React Native Navigation Screens, moving, parameters React Navigation React Navigation is not from facebook; its created by the React Native community Uses platform-specific native primitives. Must install the React Navigation

628 views • 34 slides

COMPSCI 326 Web Programming React State and Interactivity Objectives Understand React State

COMPSCI 326 Web Programming React State and Interactivity Objectives Understand React State Understand React Interactivity React Props React has a one-way data flow beginning from the top-most component and working its way down through

766 views • 60 slides

React A JavaScript library for building user interfaces What is React? JavaScript library

React A JavaScript library for building user interfaces What is React? JavaScript library created by Facebook Open source Runs on Node.js and renders in the browser Why use React? Declarative Modular Stateful

380 views • 17 slides

How to Build a React App in Kotlin Dave Ford Questions for audience Kotlin? React?

How to Build a React App in Kotlin Dave Ford Questions for audience Kotlin? React? create-react-app? Kotlin JS? Kotlin builders? kotlinx-html? Why Kotlin-React? Prob #1: 80% of my coding is doing this

436 views • 16 slides

React Native Examples Getting stuff to run Playing with components and props 1 import React, {

React Native Examples Getting stuff to run Playing with components and props 1 import React, { Component } from 'react'; 2 import { AppRegistry, Text, View } from 'react-native'; What if you get an error? 3 4 class Greeting extends Component

324 views • 7 slides

Introduction to React A workshop for COMP 523 Aaron Smith Monday, Feb. 10, 2020 What is React?

Introduction to React A workshop for COMP 523 Aaron Smith Monday, Feb. 10, 2020 What is React? React is a JavaScript framework Used for front end web development Think of jQuery, but more structured Created and used by

1.05k views • 27 slides

CS/COE 1520 pitt.edu/~ach54/cs1520 React A terrible introduction to React: class Square

CS/COE 1520 pitt.edu/~ach54/cs1520 React A terrible introduction to React: class Square extends React.Component { ??? render() { return ( <button className="square" onClick={ function() { alert('click'); } ??? }>

781 views • 26 slides

Webpack and Babel Front-end Developer tools RE: create-react-app To this point, we have been

Webpack and Babel Front-end Developer tools RE: create-react-app To this point, we have been using create-react-app for all of our React workshops and assignments because it easily allows us to develop React applications without the need for

438 views • 12 slides

Modular Pebble Bed React or High Temperat ure Gas React or Andrew C Kadak Massachuset t s I nst

Modular Pebble Bed React or High Temperat ure Gas React or Andrew C Kadak Massachuset t s I nst it ut e of Technology American Nuclear Societ y Wint er Meet ing - Washingt on, D.C November 2002 15 MWe Research Reactor AVR: Jlich 300 Mwe

1.58k views • 144 slides

React Native Shan-Hung Wu & DataLab CS, NTHU Outline Hello React Native How it

React Native Shan-Hung Wu & DataLab CS, NTHU Outline Hello React Native How it works? Components, props, and states Styling Event handling Images and icons Data access WeatherMoodMobile NativeBase

970 views • 71 slides

Deep Dive on the React Lifecycle @jcreamer898 http:/ /bit.ly/react-lifecycle 1 whoami

Deep Dive on the React Lifecycle @jcreamer898 http:/ /bit.ly/react-lifecycle 1 whoami Jonathan Creamer @jcreamer898 http:/ /bit.ly/react-lifecycle 2 whoami Currently Senior Front End Engineer at Lonely Planet Past JavaScript

1.01k views • 77 slides

The pH Scale Taste sour React with certain metals to produce hydrogen gas React

Acid Properties Donate H + ions The pH Scale Taste sour React with certain metals to produce hydrogen gas React with bases to Is a substance an form salt and water Most formulas start acid or a base? with H pH

188 views • 3 slides

Internationalization in React plugins and loaders for react-intl and the babel webpack workflow

Internationalization in React plugins and loaders for react-intl and the babel webpack workflow DDI Ognian Tschakalov CEO and Founder OGI-IT OGI-IT is an independent software vendor (ISV) and system integrator (SI) first product - LIMS

1.24k views • 22 slides

Learn How to Power Interfaces with React and Redux and rants React embraces developer

Learn How to Power Interfaces with React and Redux and rants React embraces developer confidence + productivity Not the next jQuery Great interop. Making waves because of thought process are changing around interfaces Simple !=

358 views • 15 slides

React.js a crash course Jake Zimmerman January 29th, 2016 Key Features of React.js Easily

React.js a crash course Jake Zimmerman January 29th, 2016 Key Features of React.js Easily express user Abstracts the Data flows are interfaces browser's DOM predictable Richly express the visual Write your UI modularly up Control the

438 views • 14 slides

React native State An overview Well at each of these in much more detail later. 1 App

See the tutorials at https://facebook.github.io/react-native/docs/tutorial React native State An overview Well at each of these in much more detail later. 1 App To build a static app just need Props Text component View

649 views • 26 slides

Reagent a ClojureScript interface to React React Amsterdam Meetup 12 Feb. 2015 Michiel Borkent

Reagent a ClojureScript interface to React React Amsterdam Meetup 12 Feb. 2015 Michiel Borkent Twitter: @borkdude Email: michielborkent@gmail.com Clojure(Script) developer at Clojure since 2009 Former lecturer, taught Clojure

506 views • 21 slides

React Native Lists 1 Overview React Native provides a suite of components for presenting lists

React Native Lists 1 Overview React Native provides a suite of components for presenting lists of data. Generally use either FlatList or SectionList . The FlatList component displays a scrolling list of changing, but similarly

742 views • 15 slides

Oliver Shaw github.com/Olliepop oshaw.co/react-native/slides.pdf Learn once, write

Oliver Shaw github.com/Olliepop oshaw.co/react-native/slides.pdf Learn once, write anywhere No HTML or CSS 100% JavaScript Whats behind a React Native app ES6 JSX Basic React concepts: component lifecycle, state, props

780 views • 16 slides

Introduction to React Design Patterns Brandon Williams Amazee Labs Before We Begin React

Introduction to React Design Patterns Brandon Williams Amazee Labs Before We Begin React Design Patterns Design patterns are formalized best practices that the Declarative programmer can use to solve common problems Flexible when designing

518 views • 18 slides

React native JSX, components, props, and state An overview Well at each of these in much

See the tutorials at https://facebook.github.io/react-native/docs/tutorial React native JSX, components, props, and state An overview Well at each of these in much more detail later. JSX JSX = JavaScript + XML XML is a tagging

445 views • 17 slides

@ previously UX/UI @ davidwells.io Refactor your React App into Angular 1 and then back to

I'm @DavidWells Software Developer @ previously UX/UI @ davidwells.io Refactor your React App into Angular 1 and then back to jQuery lolz jk Serverless React + Serverless: a match made in heaven Life Goals Scaling servers is... hard

830 views • 47 slides