Pagepro Blog

Pagepro Blog


Recent Posts


Recent Comments


Archives


Categories


Meta


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

Featured

JavaScript

Redux middlewares: missing guide for newcomers

Posted on September 30th, 2018.

Every real-world React Redux app makes extensive use of async requests. Redux doesn’t support them out of the box. So if you want to communicate with your backend colleagues (awesome guys!) and move your project to the next level, you will need to use middlewares.After reading, you will know: What is a middleware? How to create logging...

Featured

JavaScript

Let and var – differences

Posted on September 14th, 2018.

Introduction With the introduction of a new standard of JavaScript code writing – ECMAScript 6 (ES6) – new structures responsible for variable declaration appeared. I am talking about the let and const instructions. Even before the introduction of ES6, we had to choose only the var instruction. Beginners often find it...

Featured

JavaScript

6 Reasons why you should try Vue.js framework

Posted on July 11th, 2018.

Introduction Vue is new javascript framework based on experiences and conclusions gained from Angular and React. The framework created by Evan You is getting more popular every day. Vue is a progressive framework – it means that it’s easy to implement to an existing project. Also vue is perfect for powering Single-Page...

Featured

JavaScript

Jump in React #2 – React application structure

Posted on September 21st, 2017.

React application structure The create-react-app command generates simple application that have a structure like this: Node_modules folder contains a few modules that are necessary for application to work correctly. When we add something with npm command, we can find it in this folder. Public folder includes favicon and html file where...

Featured

JavaScript

Jump in React #1 – Introduction

Posted on July 27th, 2017.

Introduction This is the first part of tutorial for people who want to start their adventure with React. The requirements to setup a first react application are nodejs/npm and terminal. Let’s do this! After the installation of the requirements, you’ll be ready to create your first application. There are many boilerplates and libraries to...