Skip to content

Commit 460ec52

Browse files
authored
Update app-architecture.md (#51)
* Update app-architecture.md Added info to : Where does the code execute? Frontend Architecture * Update app-architecture.md Added bold to title of each List element as requested.
1 parent d3142e1 commit 460ec52

File tree

1 file changed

+12
-4
lines changed

1 file changed

+12
-4
lines changed

docs/intro/before-you-begin/app-architecture.md

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,11 +33,19 @@ The backend handles the request, and sends some data back in response - which th
3333

3434
# Where does the code execute?
3535

36-
Backend code runs on a server
37-
38-
When you're dealing with native applications, like
36+
Backend code runs on a server, which could be located in a data center or hosted on a cloud platform like AWS, Google Cloud, or Azure. The server is responsible for handling requests, processing data, and sending responses back to the frontend.
3937

38+
Frontend code runs on the user's device. This could be a web browser for web applications or the operating system for mobile applications. The frontend code is responsible for displaying the user interface and handling user interactions.
4039

4140

4241
# Frontend architecture
43-
When it comes to developing the frontend of your application,
42+
43+
When it comes to developing the frontend of your application, there are several key architectural patterns and best practices to consider. These include:
44+
45+
- **Component-Based Architecture:** Breaking down the UI into reusable components, each responsible for a specific part of the interface. This makes the code more modular and easier to maintain.
46+
- **State Management:** Managing the state of the application, which includes the data displayed in the UI and the user's interactions.
47+
- **Responsive Design:** Ensuring that your application looks and works well on different screen sizes and orientations. This involves using flexible layouts and scalable assets.
48+
- **Performance Optimization:** Making sure your app runs smoothly by optimizing rendering, minimizing the number of network requests, and reducing the size of your assets.
49+
50+
51+
By understanding these concepts and implementing best practices, you can create robust and user-friendly applications with FlutterFlow.

0 commit comments

Comments
 (0)