- The price for attending this workshop is .
- Our workshops are unique and provide an experience and education you simply cannot find anywhere else.
- We do online live workshops where you can interact with the instructor at any time during them.
- We use slack for chat during the workshops and the instructors respond to all questions asked in there.
- Your ticket includes the full online workshop and immediately available replay videos.
Learn the fundamentals of React.js and Redux for building stateful data-driven component-based web user interfaces
@moderndotweb: Learn #reactjs and #redux for $45. 8 hours with @samerbuna next week. RSVP with code VX2BFRC
Using prototype tools. Using zero-configuration templates like create-react-app. Starting a React project from scratch with Node.js, Babel.js, and Webpack
Object literal and template strings. Block scopes and let/const vs var. Arrow functions. Destructuring and default/rest/spread. Classes and inheritance. Imports and exports of modules.
How React is used to describe User Interfaces, the imperative DOM vs the declarative React. The generate-html design concept, The virtual refresh mentality, the nature of reactive updates. The benefits of components, readability, reusability, composabality. Using React beyond HTML
The object representation of HTML elements. The children concept, one vs array. Elements nesting and the elements tree. Components as stateless functions. The component instance object and its properties and methods. The constructor and render methods. Handling events in the render method (avoiding function creation). The bind(this) problem. Components modularity for separation of concerns, abstraction and uniform behavior. Component Lifecycle methods
Reading and updating the state. Data transitions vs structure change. Understand minimal state and computable parts. Presentational vs container components. State management and inverse flow. Native events wrapping. Instance refs, string and function values. How to access the DOM API when needed. Controlled components
Overview of Reactive programming and the benefits of Uni directional data flow. Building blocks in Flux. The dispatcher and the store. Triggering actions and events broadcasting
The global store. Reducers and combining them. Action creators and async actions. Promises, thunks, and other middleware
The connect higher order component. Provider for the store. Mapping state to props and mapping dispatch to props
Our workshops are unique and provide an experience and education you simply cannot find anywhere else. We do online live workshops where you can interact with the instructor at any time during them.
We use interactive web sessions where the instructors share screen and you can either type your questions or ask them via audio. We use slack for chat during the workshops and the instructors respond to all questions asked in there.
We mostly do live coding to demonstrate concepts (instead of slides) and we expect participants to follow along. We try to keep all demonstrated examples practical and close to reality instead of relying on abstract foo-bar examples.
Your ticket includes the full online workshop and immediately available replay videos.
Samer is a polyglot coder with years of practical experience in designing, implementing, and testing software, including web and mobile applications development, API design, functional programming, optimization, system administration, databases, and scalability. He worked in several industries including real estate, government, education, and publications.
Website : jscomplete.com/samer-buna
Blog : EdgeCoders.com
Twitter : @samerbuna