markdown guide
 

Part Vanilla JS, part Preact.

developit / preact

βš›οΈ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

Preact

Fast 3kB alternative to React with the same modern API.

All the power of Virtual DOM components, without the overhead:

  • Familiar React API & patterns: ES6 Class and Functional Components
  • Extensive React compatibility via a simple preact-compat alias
  • Everything you need: JSX, VDOM, React DevTools, HMR, SSR..
  • A highly optimized diff algorithm and seamless Server Side Rendering
  • Transparent asynchronous rendering with a pluggable scheduler
  • πŸ†•πŸ’₯Β Instant no-config app bundling with Preact CLI

πŸ’ More information at the Preact Website ➞


Preact

npm CDNJS Preact Slack Community OpenCollective Backers OpenCollective Sponsors travis coveralls gzip size install size

Preact supports modern browsers and IE9+:

Browsers


Demos

Real-World Apps

 

I'm kinda saddened by the fact that more and more people are leaving the old school approach, Turbolinks is a nice alternative for a smooth UX in my opinion, and Stimulus looks promising as well. I'm not the biggest fan of "javascript rich" front-ends :(

 

I'm also was not a fan of FE frameworks before I try vue.js.. :)

 
 

Why did you guys use Preact instead of React. The main motivation?

 

If I remember right, Ben once said that performance is the most important part of UX, and Preact delivers that. Also he doesn't like Facebook. Feel free to correct me if I made a mistake here. πŸ™‚

Yes, it's an app where 90% of the traffic is people just coming here to read a server-rendered article. While we have interactions, we mostly just want to get people started on what they came here to do as quickly as possible.

But also I really believe that Preact's creator @_developit cares about the same things I do, so as things evolve in the future I just feel like things are in good hands.

Does that mean it is server side rendering? I'm just practising node.js/express.js with EJS templates so just curious.

Sorry if this was amateur question

No such thing as too amateur, whatever that even means. Yeah, server-side rendering using "old-school" Rails html.erb files. I believe those is are EJS is inspired by, so pretty much the same thing I think.

Ooh Cool, with EJS I seem to work on the standard tech right now

 
 

Thanks for the link, I haven't been that active here previously so I probably missed it

 
 

I don’t think so, their website is what is considered a Progressive Web App, I think they wrote an article about it some time ago.

 

I'll take a guess since Dev.to's backend is Ruby if I'm correct, then they probably use Turbolinks to some extent. But what else do they use?

Classic DEV Post from Jun 22

Some US prisons are banning books on coding

Sasa Blagojevic profile image
Sasa is a highly driven full stack software developer with background in finance and accounting. A relentless problem solver who is passionate about finding elegant solutions to problems at hand.