Black Friday 2024: 25+ Ways to Save on Online Learning

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

SymfonyCasts

React with Symfony

via SymfonyCasts

Go to class Write review

Overview

ReactJS! Woohoo! With ES6 and webpack behind us, we can finally have some serious fun! In this course, we'll introduce ReactJS, get it working through Webpack and starting building a real application. Yes, a real application! We'll identify a set of strategies & best practices to follow to put this super powerful tool under your control!

  • Components & React Architecture
  • Jumping into JSX!
  • All about props & state
  • The component data from: from top to bottom
  • Actual best-practices for creating sane apps
  • Smart/container vs Dumb/presentation components
  • PropTypes!
  • Tricks for managing state without mutating it
  • Making API Calls back to Symfony (and authentication) with fetch
  • Working with server-side validation
  • Handling collections in React
  • Dealing with forms (refs vs controlled inputs)
return ( <ReactJSSymfonyTutorial onWatch={this.handleMadNewSkills} )

Syllabus

  • The World of React + ESLint
  • React.createElement()
  • JSX
  • React Components
  • Props
  • Collection & Rendering a Table
  • The key Prop & Inline Rendering
  • Build the Static App First
  • State: For Magic Updating Good Times
  • Handling Events (like onClick)!
  • Child Component
  • Notifying Parent Components: Callback Props
  • Smart vs Dumb Components
  • Prop Validation: PropTypes
  • Removing propTypes on Production
  • Moving the Rep Logs to State
  • Smart Components & Spread Attributes
  • Handling a Form Submit
  • New Component to Hold our Form
  • Refs
  • Immutability / Don't Mutate my State!
  • Dumb Components with State
  • Form Validation State
  • Controlled Form Input
  • Controlled Component Form
  • Deleting Items
  • API Setup & AJAX with fetch()
  • API Auth & State via AJAX
  • Loading Messages
  • Hitting the DELETE Endpoint
  • The POST Create API
  • Polyfills: fetch & Promise
  • Success Messages + The Style Attribute
  • Temporary Messages & componentWillUnmount
  • Updating Deep State Data
  • Server Validation & fetch Failing
  • Displaying Server Validation Errors
  • ...Object Rest Spread
  • Passing Data from your Server to React
  • Passing Server Data to React Props
  • Reusable Components
  • CSRF Protection Part 1
  • CSRF Protection Part 2

Taught by

Frank de Jonge and Ryan Weaver

Reviews

Start your review of React with Symfony

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.