1
00:00:00,000 --> 00:00:03,423
You´ll often see components
defined as arrow functions.

2
00:00:03,423 --> 00:00:08,402
For example, I´ll convert the Header
function declaration to an arrow function

3
00:00:08,402 --> 00:00:09,277
expression.

4
00:00:12,237 --> 00:00:16,317
If you´re writing a simple
function that just returns JSX,

5
00:00:16,317 --> 00:00:19,527
like this one,
you can use an implicit return.

6
00:00:19,527 --> 00:00:23,756
You omit the curly braces and
the return keyword and

7
00:00:23,756 --> 00:00:28,780
leave the opening and
closing parentheses to wrap your JSX.

8
00:00:28,780 --> 00:00:33,282
As you learned earlier, including
parentheses around JSX is optional, so

9
00:00:33,282 --> 00:00:37,730
you may see components simplified
even further without the parentheses.

10
00:00:38,865 --> 00:00:42,920
There's no real benefit to writing
components as arrow functions,

11
00:00:42,920 --> 00:00:45,560
it just provides a more concise syntax.

12
00:00:45,560 --> 00:00:49,752
You can use either approach,
I'm going to stick with the arrow function

13
00:00:49,752 --> 00:00:52,649
syntax with the curly braces and
return keyword.