Pagepro Blog

Pagepro Blog


Recent Posts


Recent Comments


Archives


Categories


Meta


Navigation
Tagreact
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

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...