Pagepro Blog

Pagepro Blog


Recent Posts


Recent Comments


Archives


Categories


Meta


Navigation
CategoryJavaScript
Featured

JavaScript

How To Write A Better React Code

Posted on August 13th, 2019.

“The first draft of anything is shit” Said Ernest Hemingway, and even if this guy had nothing to do with React, or even Commodore, he knew exactly that the first creative act, is almost always, not well-thought-out and hard to understand by anybody except the author. I suppose this is a great place to start and as a number one rule:...

Featured

JavaScript

React vs Vue – A Quick Comparison

Posted on June 7th, 2019.

One of the hottest battles on the front-end market is a battle between React and Vue. Both are easy to learn, easy to use, efficient, and exceptionally fast. Both are also: view libraries component-based using virtual DOM building native apps very flexible generating clean code So what makes one better than another? Here are the few...

Featured

JavaScript

Getting Started with GatsbyJS + Styled Components + Storybook

Posted on May 2nd, 2019.

Introduction Let me show you how to use GatsbyJS with Styled Components and Storybook. Gatsby is a framework generator built with React and GraphQL. This is a static-site generator which helps you build blazing fast websites and apps. To front-end side, I will use Styled Components – the library which allows writing CSS styled in...

Featured

JavaScript

Three advantages of using TypeScript in your React project

Posted on April 19th, 2019.

TypeScript has grown significantly over the past two years. In the first quarter of 2019, it is one of the fastest growing languages and it sits at the top of languages compiled to JS. This trend is clearly visible in the results of a The State of JavaScript survey. Among 20 000 of respondents, 80% are satisfied with TypeScript or are...

Featured

JavaScript

Effective Unit Testing of React Components (Part 3)

Posted on November 14th, 2018.

Welcome to the last of three-part series on unit testing of React Components. This time I will show how to use Jest and Enzyme for testing of container component. I won’t get into details that were already described, so go ahead and start with reading previous parts (if you haven’t already): Environment and process overview Preparing...

Featured

JavaScript

Effective Unit Testing of React Components (Part 2)

Posted on November 7th, 2018.

This time I will show you how defining the component contract looks in practice and how to represent it with actual Jest & Enzyme unit tests. This is the second part of series on unit testing React components with Jest & Enzyme. If you missed the first part, be sure to check it out first. As the guinea pig, we will use container...

Featured

JavaScript

Moving best (S)CSS practices to styled-components – part 1

Posted on November 6th, 2018.

Styled-components became a really powerful library for creating styles in React applications. But if you are a front-end developer and you know good practices to create styles in a traditional way (with BEM methodology or by using SASS preprocessor for example) you may experience some difficulties at the beginning of your journey with...

Featured

JavaScript

Effective Unit Testing of React Components (Part 1)

Posted on October 31st, 2018.

User interface built with React is a sum of components properly working together. Most of the components are affected by props passed by parent and higher order components, internal state modifications, event handlers, conditional rendering. If you want to be confident that your application will do the job in the real world, it’s good to...

Featured

JavaScript

Nuxt.js – Push your Vue app to the next level

Posted on October 25th, 2018.

Introduction… Current technological solutions allow us to create websites based on frameworks which save a lot of time. Websites based on frameworks such as Vue, React or Angular have an advantage of a lower server load cost and also, unfortunately, disadvantage – problem with rendering pages on the client side creates a...

Featured

JavaScript

Introduction to styled-components

Posted on October 8th, 2018.

You are living in interesting times, especially if you are Frontend Developer. There are plenty of methodologies which you can use for styling your application and such as React. This JavaScript library added its own block to support the CSS-in-JS approach by default. This started an interesting battle for the best CSS-in-JS library and...