Gain insights into JavaScript ES6+, ternary operators, 'this' object, built-in functions, and core concepts like composability and immutability to ease your React learning journey.

esprima.tar.gz

test

After teaching React extensively (33.000+ students), be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript. Most of it boils down to JavaScript ES6 and beyond features and syntax, but also ternary operators, shorthand versions in the language, the 'this' object, JavaScript built-in functions (map, reduce, filter) or more general concepts such as composability, reusability, immutability or higher-order functions. While you don’t need necessarily to master all of these before starting with React, they will come up while practicing it and so to learn them will put you at a great advantage. 

This course is my attempt to give you comprehensive JavaScript skills that will make your React journey smooth and straight-forward.

JavaScript Fundamentals Before Learning React

### Functional Stateless Components

React uses the best of different programming paradigms. That’s only possible because JavaScript is a many-sided programming language. On the object-oriented programming side, React’s class components are a great way of leveraging the abilities of JavaScript classes (inheritance for the React component API, class methods and class properties such as this.state). On the other side, there are lots of concepts from functional programming used in React (and its ecosystem) too. For instance, React’s functional stateless components are another way of defining components in React. The question which led us functional stateless components in React: What if components could be used like functions?

# Functional Stateless Components

React uses the best of different programming paradigms. That’s only possible because JavaScript is a many-sided programming language. On the object-oriented programming side, React’s class components are a great way of leveraging the abilities of JavaScript classes (inheritance for the React component API, class methods and class properties such as this.state). On the other side, there are lots of concepts from functional programming used in React (and its ecosystem) too. For instance, React’s functional stateless components are another way of defining components in React. The question which led us functional stateless components in React: What if components could be used like functions?

In this lesson, we study functional stateless components which are a shorter way to create components that don't require to use lifecycle methods and don't need to maintain state 

Functions as Components in React

In this lesson, we study functional stateless components which are a shorter way to create components that don't require to use lifecycle methods and don't need to maintain state

Getting Started

Variables, Operators & Expressions

Functions

Classes

Modules

React

Appendix

Conclusion

Functions as Components in React

Functional Stateless Components