Discover how to build amazing web interfaces with React! This course covers everything from the basics to advanced concepts in a fun and simple way.
This course is your buddy in the journey of mastering React! Learn how to create stunning web interfaces by building reusable components, and get hands-on with real examples.
A step-by-step guide to component-driven development using React
NOTE: This course uses React 15.3.2
React JS re-imagines the web user interface by breaking complex UI down into granular, reusable components. Learn ReactJS by example: from basic building blocks to animations and routing using React add-ons
Let's parse that.
Re-imagines the web user interface: React is not a framework, it is a library focused on building web UI which is compact, robust, maintainable and reactive to user and server updates.
Breaking complex UI down into granular, reusable components: Each component in React is self-sufficient and knows how to handle its own state and behavior. Components come together in the form of a tree hierarchy to build complex components with many moving parts
In this course, we will learn by example. Each example is self-contained, has its source code attached, and gets across a specific React use-case. Each example is simple by itself, but they come together as building blocks to build complex use cases.
What's included in this course:
Installing and setting up a basic development web server with React, JSX for HTML specification and the Babel compiler
React basics: React nodes, fragments and components, performance optimizations using the virtual DOM, the Babel compiler for JSX transformation, passing data to components using state and props, the spread operator, synthetic events
React in-depth: The React component lifecycle, the component mounting, updating and unmounting phases, mixins, ES6 classes to specify React components, controlled components, forms and validation, accessing native DOM elements, the React context, DOM reconciliation
React in production environments: npm, Webpack, Babel 6 and JSX to build React code in a production environment, animations using transition groups and CSS transition groups, single page applications and routing
Decompose complex UI into simple and reusable components using React and JSX
Use props and state in the right way with components
Customize components using React lifecycle methods
1 Lectures
2 Lectures
4 Lectures
5 Lectures
4 Lectures
3 Lectures
10 Lectures
5 Lectures
4 Lectures
4 Lectures
7 Lectures
6 Lectures
4 Lectures
3 Lectures
4 Lectures
1 Lectures
Loonycorn is us, Janani Ravi and Vitthal Srinivasan. Between us, we have studied at Stanford, been admitted to IIM Ahmedabad and have spent years working in tech, in the Bay Area, New York, Singapore and Bangalore. Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft Vitthal: Also Google (Singapore) and studied at...
yes
Just listened to videos on why and a bit of what. That content is good.
Good way of teaching !!
This has been an excellent experience. I'm learning tremendously. Thank you
it is difficult to say at this stage
Basics are explained very good. I'm still at start of the course, but its useful for getting overall picture of what react is. Very well explained step by step tutorials.
This course is exactly what I need to fully grasp the fundamental concepts of React. Thank you so much for giving me an opportunity to learn from you.
Excellent tutorial Please add some real time examples -eg : AJAX requests GET/POST/DELETE processing via react APIs
Great team making great courses. Very well explained, detailed and easy to understand. Thanks
Your email address will not be published. Required fields are marked *
Michael B.
The course content is dated using React 15 and old Webpack and babel versions. With that being said, the explanations and intuition of React are explained at a really high level. This makes the course still worth taking in my opinion as many of the examples still work with a little bit of googling. Hey, you're a developer it shouldn't hurt that bad. Lastly, if you want an in-depth understanding of React its worth it just to watch explanation videos as the content is superb.