react 4

Section 03: Component - Driven User Interfaces - Building Interactive & Scalable UIs

The goals 💪🏻React Core Syntax & JSX ✌🏻Working with Components 👍🏻Working with Data What Are Components? And Why Is React All About Them? React is a JavaScript library for building user interfaces HTML, CSS & JavaScript are about building user interfaces as well React makes building complex, interactive and reactive user interfaces simpler React is all about "Components" -Because all user interfac..

Section 25: JavaScript Frameworks - Focusing On What Matters

The goals 💪🏻What is a "Framework"? ✌🏻Example: React.js import React, { useEffect, useRef } from 'react'; import './SelectedPlace.css'; const SelectedPlace = props => { const { centerCoords, fallbackText } = props; const mapEl = useRef(); useEffect(() => { if (centerCoords) { const map = new window.google.maps.Map(mapEl.current, { center: centerCoords, zoom: 16 }); new window.google.maps.Marker({..

Section 36: Frontend JavaScript UI Frameworks - Building More Powerful User Interfaces

The goals 💪🏻What & Why? ✌🏻Introducing Vue, React & Angluar 👍🏻Diving Into Vue.js Why Frontend UI Frameworks? Building complex frontend (JS-driven) interfaces can become very difficult, error-prone and cumbersome -Select and store all DOM elements -Attach event listeners -Store data (state) -Update the DOM Problem: We write impeerative code Imperative: Step by step, instruction after instruction M..