ReactJS Fundamentals with Bobby Henderson
I
n
t
r
o
t
o
R
e
a
c
t
J
S
with Bobby Henderson
W
hat
and
why
React?
•
A library for making user interfaces
•
Allows for easier management of data
•
Modular based structure
•
Makes writing complex JavaScript applications
much simpler
Main Takeaways
Components
State / Props
Routing
JSX
Components
Allows UI to be split into discrete parts
that contain their own logic.
Components
Are meant to be re-usable.
Components
Are meant to be re-usable.
State
Memory within a component.
color = “orange”
State
Components can independently re-
render themselves when state
changes.
color = “green”
Passing
Values with
Props
Syntax sugar to make creating
React elements as easy as
writing HTML
Working with
JSX
Without JSX
With JSX
Working with
JSX
✓
❌
•
Component must only return one
root element.
•
Can nest children in root element.
✓
Explore the core concepts of ReactJS through Bobby Henderson's intuitive guidance. Discover the importance of components, state, props, JSX, and routing, providing you with the essential knowledge to kickstart your journey into building dynamic user interfaces with React.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. Download presentation by click this link. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
E N D
Presentation Transcript
Intro to ReactJS with Bobby Henderson
What and why React? A library for making user interfaces Allows for easier management of data Modular based structure Makes writing complex JavaScript applications much simpler
Main Takeaways Components State / Props JSX Routing
Components Allows UI to be split into discrete parts that contain their own logic.
Components Are meant to be re-usable.
Components Are meant to be re-usable.
State Memory within a component. color = orange
State Components can independently re- render themselves when state changes. color = green
Passing Values with Props
Working with JSX Without JSX Syntax sugar to make creating React elements as easy as writing HTML With JSX
Working with JSX Component must only return one root element. Can nest children in root element.
