Pagepro Blog

Pagepro Blog


Recent Posts


Recent Comments


Archives


Categories


Meta


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

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

Internship

Front-end Internship: Day 6&7

Posted on February 7th, 2017.

I. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design files: download here Fonts: Open Sans Playfair Display Requirements Convert PSD file to HTML/CSS/JS. Add datepicker script. Add autocomplete script (for city name inputs). Add popup script with slider inside. Add customer thoughts slider. Workflow...

Featured

JavaScript

How to test code before pushing to the repository

Posted on November 29th, 2016.

tl;dr it is good to test the code before pushing to the repo, you can setup automatic testing with GIT Hooks, but it is complicated, there is a really easy way for testing before committing changes, it is called pre-commit, As a professional developer you need to make sure your code is working, tested and it has been written correctly:...

Featured

JavaScript

How to enable JavaScript Standard Style linter

Posted on November 25th, 2016.

A long time ago we’ve been using JS Lint, after few months, we’ve been using JS Hint and about one year ago we’ve switched to ES Lint. Using ES Lint was very fun and easy, but when we’ve finally found “trendy” linter we had to start looking for good configuration for it. That’s why JavaScript...