Speaker Notes

Web platform

Browsers, web APIs and front-end.

1talk
4answers
1mainly about it
1new
DecJanFebMarAprMayJunJulAugSepOctNov

What your library answers 4

How do I build a UI component in React?

React reduces UI building down to its theoretical minimum by making components simple JavaScript functions. The return value from this function is your HTML or UI, written in a special syntax called JSX that combines JavaScript with markup. You can pass data into a component by using a props argument which is then referenced inside the function body.

Thumbnail: React in 100 Seconds ▶ 0:08 React in 100 Seconds

How do I manage internal component state?

To give a component its own internal state, you can use the state hook, which is a function returning a value and another function to change it. When the state value changes, React automatically reacts to update the UI. You can then bind the state-changing function to user events, like a button click, so the template always shows the most recent value.

Thumbnail: React in 100 Seconds ▶ 0:43 React in 100 Seconds

Does React handle routing and state management out of the box?

React itself does not care about routing, state management, animation, or similar concerns. Instead, it lets those concerns evolve naturally within the open source community. As a result, a massive ecosystem surrounds the library with countless supporting options for static sites, server-side rendering, and forms.

Thumbnail: React in 100 Seconds ▶ 1:14 React in 100 Seconds

Can I use React skills for mobile app development?

Once you have learned React, you can easily jump into React Native to start building mobile apps. Furthermore, knowing this UI library is currently one of the most in-demand skills for front-end developers.

Thumbnail: React in 100 Seconds ▶ 1:39 React in 100 Seconds