initial commit

[maksym-mishchanchuk]

DEMO LINK

[Moroz-Dmytro]

Good progress 👍
But some comments below

[Moroz-Dmytro]

Suggested change

	<h2 className="Person__name">{ `My name is ${name}` }</h2>
	<h2 className="Person__name">{`My name is ${name}`}</h2>

[Moroz-Dmytro]

Suggested change

	{age
	&& (
	<p className="Person__age">
	{`I am ${age}`}
	</p>
	)
	}
	{age && (
	<p className="Person__age">
	{`I am ${age}`}
	</p>
	)}

[Moroz-Dmytro]

Try not to nest ternary, create constant for this

[Moroz-Dmytro]

Suggested change

	age = null,
	age,

[Moroz-Dmytro]

This tag is the same for both variants, you don't need to duplicate it

[polosanya]

Almost done!

[polosanya]

Suggested change

	<>
	<section className="Person">
	<section className="Person">

There is no need to use React fragment here as you already have a container

[polosanya]

Suggested change

	const whoIsPartner = sex === 'f'
	const getPartner = sex === 'f'

[polosanya]

Suggested change

	{age
	&& (
	<p className="Person__age">
	{`I am ${age}`}
	</p>
	)}
	{age && (
	<p className="Person__age">
	{`I am ${age}`}
	</p>
	)}

[polosanya]

Suggested change

	{isMarried ? `${whoIsPartner}` : 'I am not married'}
	{isMarried
	? `${whoIsPartner}`
	: 'I am not married'
	}

[tiserett]

I guess if age is gonna be 0 it's not gonna work correctly, I mean age 0 is not correctly itself, but react will probably just render '0' on the page, so we have to convert it to boolean to make sure it works just fine, we can achieve it by using !! or Boolean

[tiserett]

get sounds like an action, good prefix for function, but not variable

I'd like you to name it as partnerInfo or something like this, you decide

[tiserett]

btw, demo link redirects to blank page