In this post I am going to show you how to easily it is to set up project using React DnD. React DnD was actually created by Dan Abramov, so it uses Redux internally, and while it may seem complicated at first its main concepts start to make more sense the more you play around with them.
Presentational and Container Components
There’s a simple pattern I find immensely useful when writing React applications. If you’ve been doing React for a while, you have probably already discovered it. This article explains it well, but I want to add a few more points.
Understanding Redux as a CQRS system
CQRS — Command Query Responsibility Segregation is a pattern where we use different interfaces to read and update data. This is as opposed to CRUD — Create Read Update Delete, where we use a single interface to perform all the reads and updates.
Mixins Are Dead. Long Live Composition
Why use mixins anyway? What problems do they solve? Can we solve these problems differently, without inheritance, and super woes? This case is a no-brainer. If you use mixins to share utility functions, extract them to modules and import and use them directly.
React, Inline Functions, and Performance
My wife and I just got through a huge remodel. We were beyond excited to show people the new digs. We showed my mother-in-law. She walked in the beautifully remodeled bedroom, looked up at the fantastically framed window and said: “No blinds?” ?
Execution context and the call stack — visually illustrated by a slice of tasty cake
Global Scope is created internally by JavaScript as var window = Window() (rough equivalent) behind the veil. A new Execution Context is caused by a function call. This new Execution Context is then placed on top of Execution Stack (or The Call Stack).
Using JavaScript modules on the web
JavaScript modules are now supported in all major browsers! This article explains how to use JS modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.
The Difference Between Function and Block Scope in JavaScript
When I mentioned to someone recently that I’ve been wanting to get back to the basics with JavaScript, they recommended Wes Bos’s “ES6 For Everyone” course. Wes is a great teacher and a clear communicator with a gift for distilling complex topics.
Goodbye, Object Oriented Programming
I’ve been programming in Object Oriented languages for decades. The first OO language I used was C++ and then Smalltalk and finally .NET and Java. I was gung-ho to leverage the benefits of Inheritance, Encapsulation, and Polymorphism. The Three Pillars of the Paradigm.
Creating Flexible Layouts with Flexbox
The following introduction to Flexbox is an extract from Tiffany’s upcoming book, CSS Master, 2nd Edition, which will be available shortly. Before CSS Grid came along, there was Flexbox (which is officially known as the CSS Flexible Box Layout Module).