flashcards - grant calculator
What is Serverless Stack?
Serverless Stack is an open source guide for building and deploying full-stack apps using Serverless and React on AWS.
What is Serverless Framework?
The Serverless Framework is a free and open-source web framework written using Node.js. Serverless is the first framework for building applications exclusively on AWS Lambda, a serverless computing platform provided by Amazon as a part of the Amazon Web Services. A Serverless app can simply be a couple of lambda functions to accomplish some tasks, or an entire back-end composed of hundreds of lambda functions. Serverless currently supports Node.js and Python runtimes. Support for Java and other runtimes for AWS Lambda will be coming soon. Serverless is developed by Austen Collins and maintained by a full-time team. It was first introduced in October 2015 under the name JAWS.
What is React.js?
React (sometimes styled React.js or ReactJS) is an open-source JavaScript library for building user interfaces. React allows developers to create large web applications that use data which can change over time, without reloading the page. Its main goal is to be fast, simple and scalable.
What are some notable features in React?
One-way data flow, Virtual DOM, JSX, Nested elements, Attributes, Javascript expressions, Ternary operators, Architecture beyond HTML, React Native
What is ‘One-way data flow’?
Properties, a set of immutable values, are passed to a component’s renderer as properties in its HTML tag. A component cannot directly modify any properties passed to it, but can be passed callback functions that do modify values. This mechanism’s promise is expressed as “properties flow down; actions flow up”.
What is ‘Virtual DOM’?
React creates an in-memory data structure cache, computes the resulting differences, and then updates the browser’s displayed DOM efficiently. This allows the programmer to write code as if the entire page is rendered on each change, while the React libraries only render subcomponents that actually change.
What is ‘JSX’?
React components are typically written in JSX, a JavaScript extension syntax allowing quoting of HTML and using HTML tag syntax to render subcomponents. This is a React-specific grammar extension to JavaScript like the now-defunct E4X. HTML syntax is processed into JavaScript calls of the React framework. Developers may also write in pure JavaScript. JSX is similar to another extension syntax created by Facebook for PHP, XHP. JSX looks like regular HTML. An example of JSX code: //import * as React from ‘react’; // //class App extends React.Component { // render() { // return ( //
//
Header
//
Content
//
Footer
// // ); // } //} // //export default App;
What is ‘Nested elements’?
Multiple elements need to be wrapped in a single container element like the element shown above.
What are ‘Attributes’?
Custom attributes are supported in addition to HTML attributes. The custom attributes need to be added with data- prefix.
What are ‘Javascript expressions’?
Javascript expressions can be used inside JSX with curly brackets {}: import * as React from ‘react’; class App extends React.Component { render() { return ( {10+1} ); } } export default App; The example above will render “11”.
What are ‘Ternary operators’?
If–else statements cannot be used inside JSX but ternary expressions instead. In example below browser will render "true" because i is equal to 1. import * as React from 'react';
class App extends React.Component {
render() {
var i = 1;
return (
~~~
```
{ i === 1 ? 'true' : 'false' }
); } } export default App;
How is React used in ‘architecture beyond HTML’?
The basic architecture of React applies beyond rendering HTML in the browser. For example, Facebook has dynamic charts that render to tags, and Netflix and PayPal use isomorphic loading to render identical HTML on both the server and client.
What is ‘React Native’?
React Native libraries were announced by Facebook in 2015, providing the React architecture to native iOS, Android and UWP applications.
What is a ‘single page application’?
Single-Page Applications (SPAs) are Web apps that load a single HTML page and dynamically update that page as the user interacts with the app. SPAs use AJAX and HTML5 to create fluid and responsive Web apps, without constant page reloads. However, this means much of the work happens on the client side, in JavaScript.
What is ‘AWS Lambda’?
AWS Lambda is an event-driven, serverless computing platform provided by Amazon as a part of the Amazon Web Services. It is a compute service that runs code in response to events and automatically manages the compute resources required by that code.