Learn Webpack for React

How to use Webpack with React: an in-depth tutorial Photo by Max Nelson on Unsplash In this tutorial we will see the basics of Webpack for React...

View Full Post
How to use Webpack with React: an in-depth tutorial Photo by Max Nelson on Unsplash In this tutorial we will see the basics of Webpack for React to get you started, including React Router, Hot Module Replacement (HMR), Code Splitting by Route and Vendor, production configuration and more. Before we start, here’s the full list of features we...
0

Code Splitting with React and React Router

Code splitting has gained popularity recently for its ability to allow you to split your app into separate bundles your users can progressively load. In...

View Full Post
Code splitting has gained popularity recently for its ability to allow you to split your app into separate bundles your users can progressively load. In this post we’ll take a look at not only what code splitting is and how to do it, but also how to implement it with React Router. Note that this article...
0

Setting up and Getting used to Gatsby

Gatsby is a static site generator for React that released its first major version last month. It’s a tool that not only scaffolds projects (or...

View Full Post
Gatsby is a static site generator for React that released its first major version last month. It’s a tool that not only scaffolds projects (or websites) for you but claims that those sites are fast in performance. If you decide to use Gatsby you will be enjoying the power of the latest web technologies such...
0

Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler

Really? Yet another bundler/build tool? Yep — you betcha, evolution and innovation combined brings you Parcel. What’s so special about Parcel and why should I care? While webpack brings...

everything-you-need-to-know-about-parcel-the-blazing-fast-web-app-bundler.gif View Full Post
Really? Yet another bundler/build tool? Yep — you betcha, evolution and innovation combined brings you Parcel. What’s so special about Parcel and why should I care? While webpack brings a lot of configurability with the cost of complexity — Parcel brings simplicity. Parcel brands itself as “zero configuration”. Unravelling the above — Parcel has a development server built in out of the box....
0

React Interview Question: What gets rendered in the browser, a component or an element?

** Trick Question ** You might not like the answer because, unfortunately, it is a bit complicated. Isn’t the word element synonymous to the word component...

View Full Post
** Trick Question ** You might not like the answer because, unfortunately, it is a bit complicated. Isn’t the word element synonymous to the word component anyway?? Form reactjs.org Technically speaking, ReactDOM does not render a React component or a React element in the DOM. It renders DOM elements backed by instances of their components. This...
0

Do you want to learn more about React? Let’s build — and then play — a game.

When I teach React to beginners, I start by introducing them to the React API. Then I have them build a simple browser game after...

View Full Post
When I teach React to beginners, I start by introducing them to the React API. Then I have them build a simple browser game after that. I think this is a good introduction strategy, because a simple game usually has a small state and, in most cases, no data dependencies at all. Learners get to...
2
2 points

React Pattern: Centralized PropTypes

Avoid repeating yourself by centralizing PropTypes Grand Central Station, New York, NY There are three popular ways to handle types in React: PropTypes, TypeScript and Flow....

View Full Post
Avoid repeating yourself by centralizing PropTypes Grand Central Station, New York, NY There are three popular ways to handle types in React: PropTypes, TypeScript and Flow. This post is about PropTypes, which are currently the most popular. body[data-twttr-rendered=”true”] {background-color: transparent;}.twitter-tweet {margin: auto !important;} 📊 For enforcing types in React, I typically use… #react RT's appreciated  — @housecor function...
0

Everything You Should Know About React: The Basics You Need to Start Building

Are you curious about React and haven’t had the chance to learn it? Or maybe you’ve tried tutorials in the past, but struggled to master...

View Full Post
Are you curious about React and haven’t had the chance to learn it? Or maybe you’ve tried tutorials in the past, but struggled to master the core concepts? Or maybe you’ve learned the basics, but want to consolidate your knowledge? Either way, this article is for you. We’re going to build a simple React music player,...
0

Text input highlight, TripAdvisor style

I was recently asked by a designer to create a text input style like the search input on TripAdvisor. I liked it a lot. I’m...

View Full Post
I was recently asked by a designer to create a text input style like the search input on TripAdvisor. I liked it a lot. I’m going to share my solution as a step-by-step guide so you can build it yourself. The implementation involves both CSS and JavaScript. For our version, I’m going to assume you...
0

How to code your own procedural dungeon map generator using the Random Walk Algorithm

As technology evolves and game contents become more algorithmically generated, it’s not difficult to imagine the creation of a life-like simulation with unique experiences for...

View Full Post
As technology evolves and game contents become more algorithmically generated, it’s not difficult to imagine the creation of a life-like simulation with unique experiences for each player. Technological breakthroughs, patience, and refined skills will get us there, but the first step is to understand procedural content generation. Though many out-of-the-box solutions for map generation exist, this...
0

log in

Captcha!
Don't have an account?
sign up

reset password

Back to
log in

sign up

Captcha!
Back to
log in
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Open List
Open List
Ranked List
Ranked List
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format