Category: React

Snapshot Testing

Snapshot Testing: Benefits and Drawbacks

Snapshot testing has become very popular for front end-development over the last few years. The term has almost become synonymous with Jest and React, but it can be used to test more than just components. This article provides a brief overview of what snapshot testing is, what it isn’t, and how it might be helpful for your project. What is Snapshot Testing? Snapshot testing is a type of “output comparison” or “golden master” testing. These tests prevent regressions by comparing

Read More »
React Native

Getting Started with React Native

What is React Native React Native is a JavaScript framework for writing hybrid native mobile applications for both iOS and Android platforms. React Native uses the same JSX and React development approach you would take for developing for the browser, but applications get built as native applications in Objective-C (for iOS) or Java (for Android) by the React Native tooling. The key difference between React Native and other JS mobile frameworks such as Ionic or Cordova is that the result

Read More »

Getting Started with Electron, Typescript, React and Webpack

If you need to build a desktop application today, Electron is an increasingly common choice. It is cross-platform and is built using the same web technologies that you probably already know. We’re long-time users of Electron at SitePen, and have previously talked about Setting up Electron with Dojo. Here we will explore an opinionated approach to setting up Electron: TypeScript, React and Webpack.

Read More »
React Already Did That at All Things Open 2018

React Already Did That at All Things Open 2018

All Things Open is a large, community-created open source conference in Raleigh, North Carolina, with nearly 4,000 attendees and 20 concurrent sessions. At this year’s event, I was invited to deliver a talk similar to one I had presented at JSConf titled “React Already Did That.” The session itself is not actually about React, but about several key concepts in how the JavaScript ecosystem evolves. In the early years of JSConf, people would joke whenever someone announced something new that

Read More »
FullStack London 2018: Choosing a Framework

FullStack London 2018: Choosing a Framework

At this month’s FullStack London 2018, our CEO, Dylan Schiemann, presented the talk “Choosing a Framework”, based on our Choosing a Framework blog series. Given our long history in web development, we’ve seen JavaScript evolve from an obscure simplistic scripting language to the language of the internet. We’ve seen frameworks rise and fall and it’s been a fun — but mostly frustrating — ride.

Read More »
Web Frameworks: Conclusions

Web Frameworks: Conclusions

It has come time to read the liner notes and write some conclusions. When we started writing this blog series, we knew that JavaScript/web application frameworks were not easy to summarize. We have tried to answer the unanswerable: What framework should I use?

Read More »
Web Frameworks: Soundness

Web Frameworks: Soundness

For a web framework to be effective, it should offer you more than just functionality. It doesn’t matter how much hard work you put into your application if it breaks when people use it. Beyond testing, let’s explore how frameworks can help us build better code before we test it.

Read More »
Polymer Summit 2017

Polymer Summit 2017

Recently I was fortunate to be able to attend the Google Polymer Summit in Copenhagen with a SitePen colleague. Having attended the PWA Summit last year in Amsterdam we were expecting a well organised and interesting conference, and we were not to be disappointed.

Read More »