Select Page

Author: admin

How Do You Know Your Website Is A Success?

How Do You Know Your Website Is A Success? How Do You Know Your Website Is A Success? Nick Babich 2018-05-29T16:30:32+02:00 2018-06-14T18:32:54+00:00 (This article is kindly sponsored by Adobe.) We live in a world where just about every business has an online presence. Let’s say you want to reach out to a business — what would be the first thing you would do? Well, you would probably look up their website to search for answers to your questions or simply any contact details you can find. With no doubt, the first impression of any website is now more important...

Read More

Managing State in React With Unstated

As your application becomes more complex, the management of state can become tedious. A component’s state is meant to be self-contained, which makes sharing state across multiple components a headache. Redux is usually the go-to library to manage state in React, however, depending on how complex your application is, you might not need Redux. Unstated is an alternative that provides you with the functionality to manage state across multiple components with a Container class and Provider and Subscribe components. Let’s see Unstated in action by creating a simple counter and then look at a more advanced to-do application. Using Unstated to Create a Counter The code for the counter we’re making is available on GitHub: View Repo You can add Unstated to your application with Yarn: yarn add unstated Container The container extends Unstated’s Container class. It is to be used only for state management. This is where the initial state will be initialized and the call to setState() will happen. import { Container } from 'unstated' class CounterContainer extends Container { state = { count: 0 } increment = () => { this.setState({ count: this.state.count + 1 }) } decrement = () => { this.setState({ count: this.state.count - 1 }) } } export default CounterContainer So far, we’ve defined the Container (CounterContainer), set its starting state for count at the number zero and defined methods for adding and...

Read More

New Course: Connect a Database to Your Python Application

Python is a great way to create web apps, but what happens when you need to add a database? You’ll find out exactly how to handle that in our new short course, Connect a Database to Your Python Application. What You’ll Learn In this short course, Derek Jensen will show you how easy it is to integrate a simple database into an existing Python application.  In this course, you’ll be using SQLite, but you’ll learn how to implement your database in a way that makes it easy to change or upgrade later. You’ll learn how to use the Repository...

Read More

Developing a design environment

Jules Forrest discusses some of the work that her team at Credit Karma has been up to when it comes to design systems. Jules writes: …in most engineering organizations, you spend your whole first day setting up your development environment so you can actually ship code. It’s generally pretty tedious and no one likes doing it, but it’s this thing you do to contribute meaningful work to production. Which got me thinking, what would it look like to make it easier for designers to design for production? That’s what Jules calls a “design environment” and she’s even written a...

Read More

Getting Started With Redux: Learn by Example

Redux helps you manage state by setting the state up at a global level. In the previous tutorial, we had a good look at the Redux architecture and the integral components of Redux such as actions, action creators, the store, and reducers.  In this second post of the series, we are going to bolster our understanding of Redux and build on top of what we already know. We will start by creating a realistic Redux application—a contact list—that’s more complex than a basic counter. This will help you strengthen your understanding of the single store and multiple reducers concept...

Read More