Skip to content

Updates to Days 1-4 #271

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 41 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
0f312c3
Update post.md
irakli12345 Sep 30, 2023
ae9a778
Update post.md
irakli12345 Sep 30, 2023
87a6117
Update post.md
irakli12345 Sep 30, 2023
8f17d59
Update post.md
irakli12345 Sep 30, 2023
3edf925
Update post.md
irakli12345 Sep 30, 2023
e0acf9f
Update post.md
irakli12345 Sep 30, 2023
5dbe233
Update post.md
irakli12345 Oct 4, 2023
1563c8e
Update post.md
irakli12345 Oct 4, 2023
7972da7
Update post.md
irakli12345 Oct 4, 2023
15e741e
Update post.md
irakli12345 Oct 4, 2023
d8cd762
Update post.md
irakli12345 Oct 4, 2023
afa8767
Update post.md
irakli12345 Oct 4, 2023
0730da1
Update post.md
irakli12345 Oct 5, 2023
16900bf
Update post.md
irakli12345 Oct 5, 2023
71f746b
Update post.md
irakli12345 Oct 5, 2023
fbfb537
Update post.md
irakli12345 Oct 5, 2023
373309d
Update post.md
irakli12345 Oct 5, 2023
f360537
Update post.md
irakli12345 Oct 5, 2023
5ac7932
Update post.md
irakli12345 Oct 5, 2023
592aa0f
Update post.md
irakli12345 Oct 5, 2023
af9d7e0
Update post.md
irakli12345 Oct 5, 2023
5b0fa46
Update post.md
irakli12345 Oct 5, 2023
c5bf80d
Update post.md
irakli12345 Oct 5, 2023
3659385
Update post.md
irakli12345 Oct 5, 2023
5a72e4c
Update post.md
irakli12345 Oct 6, 2023
05b1b54
Update post.md
irakli12345 Oct 6, 2023
ff9bd03
Update post.md
irakli12345 Oct 6, 2023
09e70d6
Update post.md
irakli12345 Oct 6, 2023
4d2ef63
Update post.md
irakli12345 Oct 6, 2023
36ce553
Add files via upload
irakli12345 Oct 6, 2023
d1698a0
Update post.md
irakli12345 Oct 6, 2023
d225d61
Update post.md
irakli12345 Oct 6, 2023
920c110
Update post.md
irakli12345 Oct 7, 2023
c17517c
Update post.md
irakli12345 Oct 7, 2023
c197683
Update post.md
irakli12345 Oct 7, 2023
89baff6
Update post.md
irakli12345 Oct 7, 2023
8ae33e5
Update post.md
irakli12345 Oct 7, 2023
4bac4f5
Update post.md
irakli12345 Oct 8, 2023
c5f20d8
Update post.md
irakli12345 Oct 8, 2023
196908d
Update post.md
irakli12345 Oct 8, 2023
43f32f5
Update post.md
irakli12345 Oct 8, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Update post.md
First changes
  • Loading branch information
irakli12345 authored Sep 30, 2023
commit 0f312c31a90b3b5bf5a919bd883512bb97f9d487
8 changes: 5 additions & 3 deletions day-01/post.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,11 +28,13 @@ Let's get started. We'll start [at the very beginning](https://www.youtube.com/w

[React](https://facebook.github.io/react/) is a JavaScript library for building user interfaces. It is the view layer for web applications.

At the heart of all React applications are **components**. A component is a self-contained module that renders some output. We can write interface elements like a button or an input field as a React component. Components are _composable_. A component might include one or more other components in its output.
At the heart of all React applications are **components**. As their name suggests, React components are small self-contained pieces of web application. Components can be as small as a button, or an individual input field on the page.

Broadly speaking, to write React apps we write React components that correspond to various interface elements. We then organize these components inside higher-level components which define the structure of our application.
Components are building blocks of an application, but they are also building blocks for other, larger components. For example - previous examples of button or input components can be a part of larger form component.

For example, take a form. A form might consist of many interface elements, like input fields, labels, or buttons. Each element inside the form can be written as a React component. We'd then write a higher-level component, the form component itself. The form component would specify the structure of the form and include each of these interface elements inside of it.
Process of building apps in React is writing React components to build up our interface. Similar to collecting pieces to complete a puzzle. Smaller components like buttons and input fields combine to make larger components, like forms.

React web application is nothing but a component tree made up of components like forms, made up of even smaller components themselves.

Importantly, each component in a React app abides by strict data management principles. Complex, interactive user interfaces often involve complex data and application state. The surface area of React is limited and aimed at giving us the tools to be able to anticipate how our application will look with a given set of circumstances. We dig into these principles later in the course.

Expand Down