Kolosek

react

A collection of 12 posts

State Management in React Apps - Part I

react.js Featured

State Management in React Apps - Part I

Previously we have learnt how to properly use JSX [https://kolosek.com/react-jsx-loops/], and how React components communicate with each other [https://kolosek.com/react-props-basic/]. Yet, we still didn't cover another very important question: where to store information that our application cares about. Today we're talking about application state management

React: First Steps

React: First Steps

ReactJS [https://reactjs.org/] is a javascript library for building UIs. Although it's nowhere strictly defined, the idea with React is to follow the component-based ideology. Its declarative views make the code more predictable and easier to debug. We use ReactJS combined with Webpack [https://webpack.js.org/] as a

React Guide to Props - Part III

React Guide to Props - Part III

Previously we've learned how to pass props in react [http://kolosek.com/react-props-basic/] and also how to indirectly communicate between components using props [https://kolosek.com/react-props-communication/]. Today, we're getting to the finale of props guide series, where we'll talk about how to check whether we passed correct props. React

Snapshot Tests in React Using Jest

Snapshot Tests in React Using Jest

Writing tests might not have been the most enjoyable thing for you in the past but we for sure hope that after reading this article, you'll be able to increase the test coverage. Today we're talking about snapshot tests using Jest [https://facebook.github.io/jest/]. They're easy to write,

React Guide to Props - Part II

React Guide to Props - Part II

In the previous article, you were able to read about the basics of React props [http://kolosek.com/react-props-basic/]. In that article, we wrote about things like sending event handling functions as props, spread operators and sending props with cloning children prop. Overall, it was all the standard flow, where

React Guide to Props - Part I

React Guide to Props - Part I

Disclaimer: This was intended to be part III of React JSX series, but as for props there's a lot to be covered, we have decided to divide it into a subseries! In some of our previous articles, you had the opportunity to read about JSX specific stuff, like how to

React JSX - How to do it the right way - Part II

React JSX - How to do it the right way - Part II

In the previous part of React JSX series [https://www.kolosek.com/react-jsx-loops/], we took a look at how to correctly loop through arrays and objects in React. In this article, we'll help you learn how to write conditional statements when rendering components. Everything below applies to React Native as

React JSX - How to do it the right way - Part I

React JSX - How to do it the right way - Part I

Usually, when developing a website, you'll need some dynamical rendering, like a listing of items, showing some element under a certain condition and so on. You're all aware of the standard JS syntax - a for loop, or an if/else - but when you try to write those under

How to Build Simple React App (Part 4)

How to Build Simple React App (Part 4)

In the previous part [https://kolosek.com/building-simple-react-app-part-3] we connected our application with RESTful API, which made it more realistic. This part is the final part of our series "How to build simple React app". On start, we will cover selectors and their usage, and then we will go through

How to Build Simple React App (Part 3)

How to Build Simple React App (Part 3)

This is thr third part of our series about building simple react application. In this part, our main topic will be connecting our application to RESTful API. For that, we will need to use async actions, another important concept. If you haven't read previous parts, you can find them on

How to Build Simple React App (Part 2)

How to Build Simple React App (Part 2)

In the previous part [https://kolosek.com/building-simple-react-app-part-1/] of How to build simple React app, we had set up basic boiler-plate for our ToDo application. In this part we will: * start building our application logic, * introduce actions and reducers, * finish our todo page Let's start coding! Writing new components for

How to Build Simple React App (Part 1)

mobile application

How to Build Simple React App (Part 1)

In this article, we will go through the whole process of building simple front-end application using React from the ground up. * First of all, we will go through setup process, how to setup boiler-plate for your application using all of the necessary libraries (plugins), * After that, we will start building