docs: add graph API basics section (#3228)

![Screenshot 2025-01-30 at 3 53
05 PM](https://github.com/user-attachments/assets/c97018ea-38ff-4b38-96df-55c6d7f926f3)

---------

Co-authored-by: Vadym Barda <vadym@langchain.dev>

docs/docs/how-tos/index.md

@@ -9,16 +9,24 @@ Here you’ll find answers to “How do I...?” types of questions. These guide
 
 ## LangGraph
 
-### Controllability
-
-LangGraph offers a high level of control over the execution of your graph.
-
-These how-to guides show how to achieve that controllability.
+### Graph API Basics
 
+- [How to update graph state from nodes](state-reducers.ipynb)
+- [How to create a sequence of steps](sequence.ipynb)
 - [How to create branches for parallel execution](branching.ipynb)
+- [How to create and control loops with recursion limits](recursion-limit.ipynb)
+- [How to visualize your graph](visualization.ipynb)
+
+### Fine-grained Control
+
+These guides demonstrate LangGraph features that grant fine-grained control over the
+execution of your graph.
+
 - [How to create map-reduce branches for parallel execution](map-reduce.ipynb)
-- [How to control graph recursion limit](recursion-limit.ipynb)
-- [How to combine control flow and state updates with Command](command.ipynb)
+- [How to update state and jump to nodes in graphs and subgraphs](command.ipynb)
+- [How to add runtime configuration to your graph](configuration.ipynb)
+- [How to add node retries](node-retries.ipynb)
+- [How to return state before hitting recursion limit](return-when-recursion-limit-hits.ipynb)
 
 ### Persistence
 
@@ -142,12 +150,8 @@ See the below guides for how to implement multi-agent workflows with the (beta)
 ### Other
 
 - [How to run graph asynchronously](async.ipynb)
-- [How to visualize your graph](visualization.ipynb)
-- [How to add runtime configuration to your graph](configuration.ipynb)
-- [How to add node retries](node-retries.ipynb)
 - [How to force tool-calling agent to structure output](react-agent-structured-output.ipynb)
 - [How to pass custom LangSmith run ID for graph runs](run-id-langsmith.ipynb)
-- [How to return state before hitting recursion limit](return-when-recursion-limit-hits.ipynb)
 - [How to integrate LangGraph with AutoGen, CrewAI, and other frameworks](autogen-integration.ipynb)
 
 See the below guide for how to integrate with other frameworks using the (beta)

docs/mkdocs.yml

@@ -104,12 +104,20 @@ nav:
         - how-tos/index.md
         - LangGraph:
           - LangGraph: how-tos#langgraph
+          - Graph API Basics:
+              - Graph API Basics: how-tos#graph-api-basics
+              - how-tos/state-reducers.ipynb
+              - how-tos/sequence.ipynb
+              - how-tos/branching.ipynb
+              - how-tos/recursion-limit.ipynb
+              - how-tos/visualization.ipynb
           - Controllability:
               - Controllability: how-tos#controllability
-              - how-tos/branching.ipynb
               - how-tos/map-reduce.ipynb
-              - how-tos/recursion-limit.ipynb
               - how-tos/command.ipynb
+              - how-tos/configuration.ipynb
+              - how-tos/node-retries.ipynb
+              - how-tos/return-when-recursion-limit-hits.ipynb
           - Persistence:
               - Persistence: how-tos#persistence
               - how-tos/persistence.ipynb
@@ -177,12 +185,8 @@ nav:
           - Other:
               - Other: how-tos#other
               - how-tos/async.ipynb
-              - how-tos/visualization.ipynb
-              - how-tos/configuration.ipynb
-              - how-tos/node-retries.ipynb
               - how-tos/react-agent-structured-output.ipynb
               - how-tos/run-id-langsmith.ipynb
-              - how-tos/return-when-recursion-limit-hits.ipynb
               - how-tos/autogen-integration.ipynb
               - how-tos/autogen-integration-functional.ipynb
           - Prebuilt ReAct Agent: