React with Symfony

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} )

• 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