What is React?

React is an open-source framework created by Facebook to make web development more streamlined and effective.

Increased productivity

Working with React makes developers' jobs easier, increasing productivity and giving us time to focus on the details.

Component based design

React applications are compartmentalized into components making features easier to implement, maintain and update.

Reliable and robust

The React code is regularly updated, ensuring applications are reliable and keeping up with the latest technology.

Some companies that use React:

Netflix Logo
American Express Logo
Dropbox Logo
Khan Academy Logo
Lyft Logo
IMDb Logo
PayPal Logo
New York Times Logo
Reddit Logo

What is a static website?

Websites today are packed with engaging content and features, all of which need to be "fetched" and processed when a page loads so that the browser can display it properly. The more complex a site, the longer it takes to load.

A static website allows us to have the best of both worlds: sites with dynamic content as well as lightning fast page speeds. Even basic sites without dynamic content have increased performance and security when hosted as a static website.

Why is speed so important? Most internet users will leave a site if it takes longer than 2 seconds to load, regardless of how much their own internet connection might be causing the bottleneck. Slow pages = lost customers and clients.

Efficient

Remarkably fast-loading and efficient pages due to small file sizes and pre-fetched content.

Reliable

Just one server has to be running to deliver a static site, so they are consistent and reliable.

Economical

With their compact size and efficiency, hosting is very cheap and often free for static sites.

Secure

Static sites have no direct connection to databases, giving hackers fewer entry points to your data.

How does this all work?

In short: static website generators do the majority of the work so that users' web browsers and internet servers don't have to. When a new version of a site needs to be published, all of the necessary data is fetched by the server a single time and compiled into pure html pages that are then served to users.


Non-Static Websites

The server hosting a non-static website, along with every web browser connecting to it, are constantly requesting data from the Content Management System (CMS)

The CMS stores dynamic content used on a website that isn't hard-coded into the site itself. Things like blog posts, photos in a gallery, or items and prices on a menu.

html
data
Browsers
Server
CMS
  • Higher usage fees for the companies hosting your server and CMS, which scale up with increased traffic to your website.
  • Slower page speeds as end-users must wait for their browsers to retrieve data from the CMS and combine it with html from the server.
  • Decreased security with both the server and CMS being exposed to end-users and potential hackers.
  • Higher potential for interruption of service as both the CMS and server must be running at all times to deliver a complete website.


Static Websites

When new content is added to the CMS, it is sent to the web server in one single transfer. The server compiles the new data into a packet of html and begins serving copies of that packet to users.

html
data
Browsers
Server
CMS
new data
Rebuild
  • Drastically reduced server costs due to minimal requests going to the CMS.
  • Increased performance for end-users as their browsers have substantially less work to do just to render a page.
  • Maximum security for your data because end-users are never exposed to the CMS.
  • Minimal potential for interruption of service as only the web server needs to be running for your site to work.