-
Notifications
You must be signed in to change notification settings - Fork 30
Web Development Framework ADR #368
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
Draft
Ryan-Koch
wants to merge
9
commits into
main
Choose a base branch
from
webdev-framework-adr-1123
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Draft
Changes from 3 commits
Commits
Show all changes
9 commits
Select commit
Hold shift + click to select a range
6d38586
Starting a draft with some initial explanation. Will add in alternati…
Ryan-Koch 34dbaa6
Format fixes.
Ryan-Koch f7e7e66
Adds Django, Spring, and Express options with some pros and cons to g…
Ryan-Koch aa7e9e5
Incorporate some feedback on additional pros and cons.
Ryan-Koch f5061f8
Add react and vue options.
Ryan-Koch 9cc7bd2
Update docs/appeng/adrs/0006-web-development-framework-preference.md
Ryan-Koch c6da90c
Update docs/appeng/adrs/0006-web-development-framework-preference.md
Ryan-Koch 96fcda4
Summarize existing frontend and backend pros/cons, and add section on…
melissathai 8517000
pre-commit
melissathai File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
92 changes: 92 additions & 0 deletions
92
docs/appeng/adrs/0006-web-development-framework-preference.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| # 0006 - Preference for x as web development framework(s) | ||
|
|
||
| **Status:** Draft | ||
|
|
||
| **Date Accepted:** x/x/xxxx | ||
|
|
||
| ## Context | ||
|
|
||
| Our partners look to us for our expertise and our opinions on a variety of topics, including the tools we use to build software together. As we continue to seek new business it is beneficial for us to have an organizational opinion on what web development framework to use (when we have a choice in the matter). | ||
|
|
||
| In making a choice we're seeking to match up the tradeoffs that the tools provide with projected partnership needs. The technical ecosystems we operate in tend to change often, so this is a decision we should seek to re-evaluate at least annually. Some topics to consider in the decision include: | ||
|
|
||
| - Accessibility for junior engineers. | ||
| - Support for rapid prototyping. | ||
| - Ability to use in 'enterprise' environments. | ||
| - Batteries included vs. things we have to roll ourselves. | ||
| - e.g authentication and authorization tooling, data model management, caching, etc | ||
|
|
||
| (this list is likely not complete, feel free to modify or add to it as we put this draft together) | ||
|
|
||
| The decision outcome does not need to be a single framework. Ideally we'll choose 2-3 that we would ask folks to choose from in most scenarios. | ||
|
|
||
| ## Decision | ||
|
|
||
| Put a decision outcome here when ready. | ||
|
|
||
| ## Why is this applicable to the Practice as a whole? | ||
|
|
||
| A large portion of our work is focused on developing web apps in partnership with public and private organizations. Each time something new starts we need to make decisions about how we'd like to approach it. This is meant to help give guidance in order to lower the burden of that choice. | ||
|
|
||
| Having a 'practice opinion' on these tools will also help support folks' professional development, as well as our hiring and on-boarding processes. As we hire and get folks up to speed, this decision may be able to help us tailor what we do toward 'what we're trying to be good at.' Similarly we could lean on this as we seek to provide resources for folks developing their professional development plans. | ||
|
|
||
| ## Alternatives Considered | ||
|
|
||
| ### Django | ||
|
|
||
| #### Pros | ||
Ryan-Koch marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
|
|
||
| - `+` Mature framework that's been around since 2005. | ||
| - `+` Opinionated tooling for managing data migrations, potentially making the task more accessible for junior practitioners. | ||
| - `+` Strong ORM allowing the abstraction of many database interactions. | ||
| - `+` Features designed to make form creation and management easier. | ||
| - `+` Strong templating tooling | ||
| - `+` Possible to gain a portion of the features typically associated with single page applications, with less overhead by pairing the framework with something like [htmx](https://htmx.org/). | ||
| - `+` Uses the python programming language which enjoys broad community support, and is useful across multiple subpractices like web development and data science. | ||
| - `+` Provides batteries included tooling for authentication and authorization, caching, and an administrative console, among others. | ||
| - `+` Uses Python, which is considered easy to learn and is now frequently taught in both college and bootcamp programs. | ||
|
|
||
|
||
| #### Cons | ||
|
|
||
| - `-` Uses Python, which means learning a new programming language for those who haven't been exposed to it yet. | ||
Ryan-Koch marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| - `-` Different languages between backend and frontend if Javascript is needed for client interactions. | ||
| - `-` May need to use additional tooling for asynchronous workload use cases (message queues and workers). | ||
| - `-` Python's dynamic typing may lead to more effort spent on unit tests. But this can be mitigated some through [type hinting](https://docs.python.org/3/library/typing.html) | ||
|
|
||
Ryan-Koch marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| ### Spring | ||
|
|
||
| #### Pros | ||
|
|
||
| - `+` Mature framework that's been around since 2002. | ||
| - `+` Reactive programming model could be useful for a variety of use cases. | ||
| - `+` Spring boot is good for microservices where use cases call for that. | ||
| - `+` Batteries included tooling for things like authentication and authorization and caching, among others. | ||
| - `+` Java tooling is popular in enterprise spaces | ||
| - `+` Uses Java, which is commonly taught in college programs. | ||
| - `+` Java is statically typed which can give safety that would otherwise be gained through additional unit tests. | ||
|
|
||
| #### Cons | ||
|
|
||
| - `-` Big complex framework with a lot of capabilities, but may be less suited for rapid prototyping use cases. | ||
| - `-` Different languages between backend and frontend if Javascript is needed for client interactions. | ||
| - `-` Potentially too many features, need solid understanding of the framework to know what's most useful. Effort needed to keep team(s) in alignment on practices. | ||
| - `-` Potentially verbose configuration | ||
| - `-` Might have a steep learning curve for some, making it potentially more difficult to onboard junior practitioners. | ||
|
|
||
| ### Express.js | ||
|
|
||
| #### Pros | ||
|
||
|
|
||
| - `+` Strong performance for event driven workloads | ||
| - `+` Strong community support | ||
| - `+` Uses Javascript, which is commonly taught in bootcamp programs | ||
| - `+` Flexibility in how applications are structured (not opinionated). | ||
| - `+` Mature framework that's been around since 2010. | ||
| - `+` Can use typescript with this framework, allowing us to keep with [ADR 0001](https://playbook.truss.dev/docs/appeng/adrs/use-typescript) | ||
|
|
||
| #### Cons | ||
|
|
||
| - `-` Not opinionated, this lack of structure can make it more difficult to keep team(s) on the same page around specific practices and approaches. | ||
| - `-` Middleware(s) can grow to become unwiedly | ||
Ryan-Koch marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| - `-` Minimialist framework, so lacking in some batteries included features, leaving projects to choose other tools to add on with it. | ||
| - `-` If we're abdiding by prior ADRs it would mean using Typescript, which may have some learning curve for folks coming in without that background. | ||
Ryan-Koch marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do we also want to compare other aspects of webdev, such as databases (MySQL vs Postgres vs all the flavors of noNQL), APIs (REST vs GraphQL), CI/CD (Jenkins, CircleCI, etc), cloud infrastructure (AWSvs Azure vs GCP)?