React Doc Series

React Docs -1 (Temel Konseptler)

React Doc Ana Konseptleri JSX, Rendering Elements, Components And Props, State LifeCycle, Handling Events, Conditional Rendering, List And Keys, Forms, Lifting State Up, Composition vs Inheritance

Onur Dayıbaşı
Jan 19, 2019 · 5 min read

Main Concepts

1.Hello World

2.Introducing JSX

3.Rendering Elements

4.Components and Props

5. State and Lifecycle

Image for post
Image for post
React Component Lifecycle

6. Handling Events

7. Conditional Rendering

8. Lists and Keys

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
<li key={number.toString()}>
{number}
</li>
);

9. Forms

10. Lifting State Up

11. Composition vs Inheritance

Frontend Development With JS

Frontend Development With Javascript

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store