Skip to content

Commit 64a38d5

Browse files
committed
start marking sections as under construction
1 parent bff7e1d commit 64a38d5

27 files changed

+123
-55
lines changed
Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
Batched Updates
2-
===============
1+
Batched Updates 🚧
2+
==================
33

4-
Under constructions :)
4+
.. note::
5+
6+
Under construction 🚧

docs/source/adding-interactivity/components-with-state.rst

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ Components With State
44
Components often need to change what’s on the screen as a result of an interaction. For
55
example, typing into the form should update the input field, clicking “next” on an image
66
carousel should change which image is displayed, clicking “buy” should put a product in
7-
the shopping cart. Components need to “remember” things: the current input value, the
8-
current image, the shopping cart. In IDOM, this kind of component-specific memory is
7+
the shopping cart. Components need to “remember” things like the current input value,
8+
the current image, the shopping cart. In IDOM, this kind of component-specific memory is
99
called state.
1010

1111

@@ -52,14 +52,15 @@ which provides:
5252
Adding State to Components
5353
--------------------------
5454

55-
To use the ``use_state()`` hook to create a state variable and setter in the
56-
:ref:`example above <When Variables Aren't Enough>` we'll first import it:
55+
To create a state variable and state setter with :func:`~idom.core.hooks.use_state` hook
56+
as described above, we'll begin by importing it:
5757

5858
.. testcode::
5959

6060
from idom import use_state
6161

62-
Then we'll make the following changes to our code from before:
62+
Then we'll make the following changes to our code :ref:`from before <When Variables
63+
Aren't Enough>`:
6364

6465
.. code-block:: diff
6566
Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
The Dangers of Mutability
2-
=========================
1+
Dangers of Mutability 🚧
2+
========================
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/adding-interactivity/index.rst

Lines changed: 29 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,39 +29,43 @@ Adding Interactivity
2929
:link: components-with-state
3030
:link-type: doc
3131

32-
...
32+
Allow components to change what they display by saving and updating their
33+
state.
3334

3435
.. grid-item-card:: :octicon:`device-camera-video` State as a Snapshot
3536
:link: state-as-a-snapshot
3637
:link-type: doc
3738

38-
...
39+
Under construction 🚧
3940

4041
.. grid-item-card:: :octicon:`issue-opened` Dangers of Mutability
4142
:link: dangers-of-mutability
4243
:link-type: doc
4344

44-
...
45+
Under construction 🚧
4546

4647
.. grid-item-card:: :octicon:`versions` Batched Updates
4748
:link: batched-updates
4849
:link-type: doc
4950

50-
...
51-
52-
...
51+
Under construction 🚧
5352

5453

5554
Section 1: Responding to Events
5655
-------------------------------
5756

5857
IDOM lets you add event handlers to your parts of the interface. This means that you can
59-
define synchronous or asynchronous functions that are triggered when a particular user
58+
define synchronous or asynchronous functions that are triggered when a particular user
6059
interaction occurs like clicking, hovering, of focusing on form inputs, and more.
6160

6261
.. example:: adding_interactivity/button_prints_message
6362
:activate-result:
6463

64+
It may feel weird to define a function within a function like this, but doing so allows
65+
the ``handle_event`` function to access information from within the scope of the
66+
component. That's important if you want to use any arguments that may have beend passed
67+
your component in the handler.
68+
6569
.. card::
6670
:link: responding-to-events
6771
:link-type: doc
@@ -76,14 +80,31 @@ interaction occurs like clicking, hovering, of focusing on form inputs, and more
7680
Section 2: Components with State
7781
--------------------------------
7882

83+
Components often need to change what’s on the screen as a result of an interaction. For
84+
example, typing into the form should update the input field, clicking a “Comment” button
85+
should bring up a text input field, clicking “Buy” should put a product in the shopping
86+
cart. Components need to “remember” things like the current input value, the current
87+
image, the shopping cart. In IDOM, this kind of component-specific memory is created and
88+
updated with a "hook" called ``use_state()`` that creates a **state variable** and
89+
**state setter** respectively:
90+
91+
.. example:: adding_interactivity/adding_state_variable
92+
:activate-result:
93+
94+
In IDOM, ``use_state``, as well as any other function whose name starts with ``use``, is
95+
called a "hook". These are special functions that should only be called while IDOM is
96+
:ref:`rendering <the rendering process>`. They let you "hook into" the different
97+
capabilities of IDOM's components of which ``use_state`` is just one (well get into the
98+
other :ref:`later <managing state>`).
99+
79100
.. card::
80101
:link: components-with-state
81102
:link-type: doc
82103

83104
:octicon:`book` Read More
84105
^^^^^^^^^^^^^^^^^^^^^^^^^
85106

86-
...
107+
Allow components to change what they display by saving and updating their state.
87108

88109

89110
Section 3: State as a Snapshot
Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
State as a Snapshot
2-
===================
1+
State as a Snapshot 🚧
2+
======================
33

4-
Under constructions :)
4+
.. note::
5+
6+
Under construction 🚧

docs/source/escape-hatches/class-components.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Class Components
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/escape-hatches/index.rst

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1-
Escape Hatches
2-
==============
1+
.. _Escape Hatches:
2+
3+
Escape Hatches 🚧
4+
=================
35

46
.. toctree::
57
:hidden:
@@ -12,4 +14,4 @@ Escape Hatches
1214

1315
.. note::
1416

15-
Under construction 👷
17+
Under construction 🚧

docs/source/escape-hatches/writing-your-own-client.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Writing Your Own Client
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/escape-hatches/writing-your-own-server.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Writing Your Own Server
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/index.rst

Lines changed: 34 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ IDOM
1010
adding-interactivity/index
1111
managing-state/index
1212
escape-hatches/index
13+
understanding-idom/index
1314

1415
.. toctree::
1516
:hidden:
1617
:caption: Other Resources
1718

18-
understanding-idom/index
1919
developing-idom/index
2020
reference-material/index
2121
credits-and-licenses
@@ -135,14 +135,31 @@ raw data:
135135
Chapter 3 - :ref:`Adding Interactivity`
136136
---------------------------------------
137137

138+
Components often need to change what’s on the screen as a result of an interaction. For
139+
example, typing into the form should update the input field, clicking a “Comment” button
140+
should bring up a text input field, clicking “Buy” should put a product in the shopping
141+
cart. Components need to “remember” things like the current input value, the current
142+
image, the shopping cart. In IDOM, this kind of component-specific memory is created and
143+
updated with a "hook" called ``use_state()`` that creates a **state variable** and
144+
**state setter** respectively:
145+
146+
.. example:: adding_interactivity/adding_state_variable
147+
:activate-result:
148+
149+
In IDOM, ``use_state``, as well as any other function whose name starts with ``use``, is
150+
called a "hook". These are special functions that should only be called while IDOM is
151+
:ref:`rendering <the rendering process>`. They let you "hook into" the different
152+
capabilities of IDOM's components of which ``use_state`` is just one (well get into the
153+
other :ref:`later <managing state>`).
154+
138155
.. card::
139156
:link: adding-interactivity/index
140157
:link-type: doc
141158

142159
:octicon:`book` Read More
143160
^^^^^^^^^^^^^^^^^^^^^^^^^
144161

145-
...
162+
Under construction 🚧
146163

147164

148165

@@ -156,7 +173,7 @@ Chapter 4 - :ref:`Managing State`
156173
:octicon:`book` Read More
157174
^^^^^^^^^^^^^^^^^^^^^^^^^
158175

159-
...
176+
Under construction 🚧
160177

161178

162179

@@ -170,5 +187,18 @@ Chapter 5 - :ref:`Escape Hatches`
170187
:octicon:`book` Read More
171188
^^^^^^^^^^^^^^^^^^^^^^^^^
172189

173-
...
190+
Under construction 🚧
191+
192+
193+
Chapter 6 - :ref:`Understanding IDOM`
194+
-------------------------------------
195+
196+
.. card::
197+
:link: escape-hatches/index
198+
:link-type: doc
199+
200+
:octicon:`book` Read More
201+
^^^^^^^^^^^^^^^^^^^^^^^^^
202+
203+
Under construction 🚧
174204

docs/source/managing-state/index.rst

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1-
Managing State
2-
==============
1+
.. _Managing State:
2+
3+
Managing State 🚧
4+
=================
35

46
.. toctree::
57
:hidden:
@@ -11,6 +13,4 @@ Managing State
1113
when-to-reset-state
1214
writing-tests
1315

14-
.. note::
15-
16-
Under construction 👷
16+
Under construction 🚧

docs/source/managing-state/keeping-components-pure.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Keeping Components Pure
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/managing-state/logical-flow-of-state.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Logical Flow of State
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/managing-state/shared-component-state.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Shared Component State
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/managing-state/structuring-your-state.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Structuring Your State
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/managing-state/when-to-reset-state.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ When to Reset State
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/managing-state/writing-tests.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Writing Tests
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/reference-material/browser-events.rst

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,17 @@
1-
Browser Events
2-
==============
1+
.. _Browser Events:
2+
3+
Browser Events 🚧
4+
=================
35

46
The event types below are triggered by an event in the bubbling phase. To register an
57
event handler for the capture phase, append Capture to the event name; for example,
68
instead of using ``onClick``, you would use ``onClickCapture`` to handle the click event
79
in the capture phase.
810

11+
.. note::
12+
13+
Under construction 🚧
14+
915

1016
Clipboard Events
1117
----------------
Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
1+
.. _Javascript API:
2+
13
Javascript API
24
==============
35

46
.. note::
57

6-
Under construction 👷
8+
Under construction 🚧

docs/source/reference-material/specifications.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -162,7 +162,7 @@ JSON Patch
162162

163163
Updates to VDOM modules are sent using the `JSON Patch`_ specification.
164164

165-
... this section is still under construction :)
165+
... this section is still Under construction 🚧
166166

167167

168168
.. Links

docs/source/understanding-idom/index.rst

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1-
Understanding IDOM
2-
==================
1+
.. _Understanding IDOM:
2+
3+
Understanding IDOM 🚧
4+
=====================
35

46
.. toctree::
57
:hidden:

docs/source/understanding-idom/layout-render-servers.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Layout Render Servers
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/understanding-idom/representing-html.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ Representing HTML
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧
77

88
We've already discussed how to contruct HTML with IDOM in a :ref:`previous section <HTML
99
with IDOM>`, but we skimmed over the question of the data structure we use to represent

docs/source/understanding-idom/the-rendering-pipeline.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@ The Rendering Pipeline
55
66
.. note::
77

8-
Under construction 👷
8+
Under construction 🚧

docs/source/understanding-idom/the-rendering-process.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@ The Rendering Process
55
66
.. note::
77

8-
Under construction 👷
8+
Under construction 🚧

docs/source/understanding-idom/what-are-components.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ What Are Components?
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

docs/source/understanding-idom/why-idom-needs-keys.rst

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@ Why IDOM Needs Keys
33

44
.. note::
55

6-
Under construction 👷
6+
Under construction 🚧

0 commit comments

Comments
 (0)