Reactjs

3 Libraries and 3 Ways to Handle AJAX in React Apps

For React beginners coming from a jQuery background, one of the first few questions that come up is how to perform AJAX requests within a React app. The quick answer to this is you can’t, because React is only a view library. It doesn’t come with the functionality to make AJAX or network requests. But […]

Chocolate_Chip_Cookies_-_kimberlykv

Basics to Reading/Writing Cookies with JavaScript

Cookies are relatively small text files that a web browser embeds on a user’s computer. Cookies allow otherwise stateless HTTP communications to emulate state (i.e., memory). Cookies are being replaced by somewhat newer technologies such as local storage and session storage; however, cookies are still widely used by many major websites today. For that reason […]

Reactjs

20 Open Source React Apps to Learn and Borrow From

Reading through open source projects is a great way to learn a new library or framework. This can show you what tutorials and documentation can’t: how things work and fit together in practice. ReactJS, in particular, is used by many open source apps. There are hundreds of functioning applications on Github for React learners to […]

Screen Shot 2017-01-13 at 3.58.44 PM

Introduction to Data Binding with MobX

Once you get past very simple applications, programming on the web can become a nightmare of event handling and notifications, where the state of an application is spread out among dozens of different text boxes, select boxes and similar components. This is one reason why Model/View/Controller architectures (MVC) have become pretty much de rigour (along […]

Crater_Lake_National_Park_Oregon

List Filtering through State Management: Moving from jQuery to React/Redux

Most web applications give people an interface to interact with and explore data. Thus, a core challenge of building applications is continuously and reliably syncing the data with the user interface. Toggled switches should stay toggled. Checked boxes should stay checked. Pushing the ‘like’ button should change that button to ‘liked’. The right data should […]

css

CSS Filters: Examples, Use Cases, Caveats

Almost any program, app, or editor that allows you to upload pictures or work with images provides some sort of filter capabilities to be applied to the images. Users of Instagram,  Photoshop and Snapseed are familiar with utilizing various filters to create eye-catching images. Well curated images can enhance the appeal of your website and […]

css

Creating Contrast using CSS

In photography, adjusting the contrast of an image is often an important part of the post processing routine. Contrast refers to the difference between light and dark in an image. In the color spectrum of an image the darkest color possible is black and the lightest color is white. A high contrast image is one […]

css

CSS Transforms: Examples, Use Cases, Caveats

CSS transforms allow you to apply a set of changes called transformations to any element. Transforms are implemented using the transform properties transform-origin and transform. The transform-origin property is used to set the origin of the element. If unspecified, the origin is set to be the center of the element. The transform property is used […]

Reactjs

230 Curated Resources and Tools for Building Apps with React.js

This post will curate the best resources, tools, libraries, and articles that will help you learn to build production applications with React.js. This 6000 word post will take you from getting started with React, through UI design, routing, testing, deployment, and continuous integration. There are many sections and you should feel free to jump to […]