surface VS plug

Compare surface vs plug and see what are their differences.

surface

A server-side rendering component library for Phoenix (by msaraiva)

plug

Compose web applications with functions (by elixir-plug)
Our great sponsors
  • Paraxial.io - Bot detection and prevention for Elixir/Phoenix applications
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
surface plug
6 3
1,638 2,522
2.6% 1.0%
8.8 8.2
1 day ago 2 days ago
Elixir Elixir
MIT License Apache License 2.0
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

surface

Posts with mentions or reviews of surface. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-12-26.
  • Course/Extensive tutorials for Phoenix 1.6?
    2 projects | reddit.com/r/elixir | 26 Dec 2021
    This is just an idea, but what about implementing using Phoenix.View(via use MyAppWeb, :view in your module)? Then assign I think has access to @conn. Then maybe work some magic to still allow Phoenix.Component syntax - but at this point, this is something I believe is a flow that might be in development. Try investigating / asking in Surface, because that is a lot more similar to React in its approach. In fact, I think Surface is where more aggressive features are pushed out, and ironed-out features get included into Phoenix. This was the case for Phoenix.Component, and HEEX.
  • Porting files generated by phoenix to surface
    1 project | dev.to | 27 Oct 2021
    This post is intended to get you started with surface provided components. I provided the original code and surface versions so you can compare the differences yourself without installing anything. After installing surface following the installation guide https://surface-ui.org/getting_started add surface_bulma in your mix.exs, this will allow you to use the table component.
  • We Got to LiveView
    19 projects | news.ycombinator.com | 22 Sep 2021
    I totally get the "Am I doing this the right way?" feeling, especially coming from Rails where everything was so opinionated and wanting to stay idiomatic.

    Phoenix, while it does have opinions, is far less opinionated in the sense that it doesn't do it darndest to force you into certain conventions (for example, if your module name doesn't match your file name, Phoenix won't complain). Its generators do try and push you toward using good DDD practices (which is my opinion is a GREAT thing), but of course the generators are completely optional.

    I don't have experience writing large LiveView apps but I would say that if you are familiar with any component-based frameworks (like React), I would take a look at SurfaceUI[1]. It simplifies a few "gotchas" in LiveView (though I would say they are very minor gotchas and worth learning about at some point) and gives you a component-rendering syntax more like React. Once you get going, you'll learn that LiveView doesn't have all the headaches that come with bigger React apps (like having to memoize functions or comparing props to avoid a re-render and whatnot). The recent release candidate for Phoenix 1.6 has made strides for a cleaner component syntax, but if you're having trouble with LiveView, Surface might bring some familiarity.

    [1] https://github.com/surface-ui/surface

  • Phoenix 1.6.0-RC.0 Released
    3 projects | news.ycombinator.com | 27 Aug 2021
    Have you seen Surface UI? Pretty cool. Collection of LiveView components. https://surface-ui.org/
  • Surface UI – A server-side rendering component library for Phoenix
    1 project | news.ycombinator.com | 1 Apr 2021
  • Letter Square: Post Mortem
    3 projects | dev.to | 3 Mar 2021
    I also did not use "vanilla" LiveView, as I used the Surface library. This is a wrapper around LiveView that brings a whole new syntax to make the experience even more comfortable.

plug

Posts with mentions or reviews of plug. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-03-06.
  • Request Coalescing in Async Rust
    4 projects | news.ycombinator.com | 6 Mar 2022
    Coming from the Ruby ecosystem, a lot of this played out similarly to how the Rack[1] middleware conventions developed in the early Rails v1 and v2 days. Prior to Rack there was a lot of fragmentation in HTTP server libraries, post-Rack everything more or less played nicely as long as libraries implemented Rack interfaces.

    I don't write Rust professionally, but it was a bummer seeing that this seems to be a place that was figured out (painfully) in ecosystems used heavily for web development--Javascript and Elixir have their own Rack equivalents[2][3]. I hope that Tower plays a similar role to unify the library ecosystem in Rust.

    1. https://github.com/rack/rack

    2. http://expressjs.com/en/guide/writing-middleware.html

    3. https://github.com/elixir-plug/plug

  • Learn how to deploy Elixir apps on Heroku
    8 projects | dev.to | 12 Feb 2021
    If you're not familiar with it, feel free to check the inner workings of Plug in their documentation. For now, the code above is fairly self-explanatory I hope. All we need to know is that we're using the Plug.Router capabilities and exposing an endpoint /bpi which we're going to use to retrieve our data and to show it.
  • For Web Developers The Stakes Are Generally Lower
    1 project | reddit.com/r/programmingcirclejerk | 31 Dec 2020
    Well if Phoenix came with the ability to use Sqlite I'd definitely like it a lot better for smaller sites. Maybe if Elixir had something like Sinatra. I guess using Cowboy or Plug could work.

What are some alternatives?

When comparing surface and plug you can also consider the following projects:

phoenix_ecto - Phoenix and Ecto integration with support for concurrent acceptance testing

Raxx - Interface for HTTP webservers, frameworks and clients

phoenix_slime - Phoenix Template Engine for Slime

react_phoenix - Make rendering React.js components in Phoenix easy

ex_admin - ExAdmin is an auto administration package for Elixir and the Phoenix Framework

phoenix_pubsub_redis - The Redis PubSub adapter for the Phoenix framework

phoenix_live_view - Rich, real-time user experiences with server-rendered HTML

torch - A rapid admin generator for Elixir & Phoenix

phoenix_live_reload - Provides live-reload functionality for Phoenix

phoenix_html - Phoenix.HTML functions for working with HTML strings and templates

rummage_ecto - Search, Sort and Pagination for ecto queries