Skip to content
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

Add cheatsheet for special phx-* HTML attributes #3114

Merged
merged 3 commits into from
Apr 27, 2024

Conversation

rhcarvalho
Copy link
Contributor

This is a first attempt at condensing and organizing information around phx-* in a way that fits printed A4 pages or a screenful for quick reference.

Based on forum conversation at https://elixirforum.com/t/inconsistent-naming-of-liveview-dom-patching-binding-attributes/60901/6.

Preview

Sidebar

image

Content

image


image


image


image


image

@rhcarvalho
Copy link
Contributor Author

After a few iterations, I ended up with the current split which was so far the best balance in terms of keeping related content together and rendering well on screen/print.

Event handlers

  • Event handlers: everything but forms
  • Form event handlers: separate because there's just too much to try to combine with the rest

Hooks

  • Socket Connection Lifecycle
  • DOM Lifecycle
  • Client Hooks

Others

  • Static tracking

Co-authored-by: José Valim <jose.valim@gmail.com>
@rhcarvalho
Copy link
Contributor Author

I just noticed this is still pending and a few people reacted with hearts ❤️

@josevalim do you think this is ready for merging?

@josevalim
Copy link
Member

That’s up to the LV team. :) I am certain it will be looked into!

@chrismccord chrismccord merged commit f60af8a into phoenixframework:main Apr 27, 2024
5 checks passed
@chrismccord
Copy link
Member

❤️❤️❤️🐥🔥

@rhcarvalho rhcarvalho deleted the attrs-cheatsheet branch May 14, 2024 08:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants