jsmanifest logojsmanifest

Posts tagged “react

41 posts found

8 JavaScript Libraries Built From Scratch

8 JavaScript Libraries Built From Scratch

March 27, 2022

In this post, we will be listing 8 JavaScript libraries that were built from scratch.

javascriptlibrarysnabbdom+11
11 JavaScript Examples to Source Code That Reveal Design Patterns In Use

11 JavaScript Examples to Source Code That Reveal Design Patterns In Use

March 20, 2022

This post will go over several source codes in the JavaScript world that you can look at to find some inspiration, answers, or even as a learning experience so that you can speed up your pace in learning the advanced coding techniques without feeling alone.

javascriptreactmodular+2
Build a Powerful Reusable Box Component in React

Build a Powerful Reusable Box Component in React

February 27, 2022

Box components are the basic foundation to composing more complex components together, allowing endless possibilities to create modern user interfaces. In this post we will be building a powerful reusable box component in react with just a few simple implementations inside the function.

javascriptreactbox+2
9 Ways You Can Use React Today in 2022

9 Ways You Can Use React Today in 2022

January 21, 2022

In this post, we will cover 9 Ways You Can Use React in 2022 to build applications. These can range from video stream services to text editors.

javascriptreactreact+2
5 Critical Tips for Composing Event Handler Functions in React

5 Critical Tips for Composing Event Handler Functions in React

May 17, 2020

We will be going over 5 critical tips to compose event handlers in react. This post will not cover everything that is possible, but it will cover important ways to compose event handlers that every react developer should know, minimally

javascriptcompositioncomposing+9
Dont Depend On State From Callback Handlers in React

Dont Depend On State From Callback Handlers in React

April 19, 2020

Avoiding closures in react that reference state values from their callback handlers

javascriptreactclosure+4
How To Maximize Reusability For Your React Components

How To Maximize Reusability For Your React Components

April 14, 2020

This article will go over maximizing the capabilities of reusability in react and provide some tips and tricks you can use on your react app today. It will be demonstrated by building an actual react component and explaining step by step on why some steps are taken and what can be done to improve the reusability on them

javascriptreactreusability+1
9 Ways in React to Manipulate and Work With Components in 2020

9 Ways in React to Manipulate and Work With Components in 2020

April 1, 2020

In this article we will be going over 9 ways to manipulate and work with React components in 2020

javascriptreacttypescript+8
Composing Functions in JavaScript

Composing Functions in JavaScript

March 12, 2020

In this article, we will go over some examples of composing in JavaScript and talk about important concepts that always need to be kept in mind when composing

javascriptcompositionreact+2
6 Practices in React You Might Find Effective

6 Practices in React You Might Find Effective

February 19, 2020

In this article, we'll be going through 6 Practices in React You Might Find to be Effective

javascriptreactcomposition+1
12 VSCode Shortcuts and Tactics to Ease Development

12 VSCode Shortcuts and Tactics to Ease Development

February 11, 2020

Here are 12 visual studio code shortcuts and tactics to ease your development flow

javascriptvscodevisual studio code+2
5 Tips for Newcomers to Approach Your Next React App

5 Tips for Newcomers to Approach Your Next React App

January 19, 2020

Starting a fresh modern front end project today can become quite stressful since there are an abundance of variations of specific tools that go hand in hand in each stack. Here are 5 tips to help you.

javascriptreacttools+4
10 VSCode Practices to Hasten Your React Development Flow

10 VSCode Practices to Hasten Your React Development Flow

January 8, 2020

We will be going over my VSCode settings that enhance my development for react apps such as extensions, snippets, keyboard shortcuts, and configuration settings.

javascriptreactvscode+4
The Power of Simplifying Large Components in React

The Power of Simplifying Large Components in React

January 2, 2020

We will be simplifying a large react component from a real world production app and explore the powerful benefits it gives in return

javascriptreactsidebar+2
Create a React Chrome Extension Filtering YouTube Videos By Narrower Durations

Create a React Chrome Extension Filtering YouTube Videos By Narrower Durations

December 29, 2019

In this article, we will be going over how to create a chrome extension in react to enhance filter youtube video results using facebooks create-react-app tool

javascriptreactchrome+3
4 Dangerous Problems in JavaScript Easily Solved by The Builder Design Pattern

4 Dangerous Problems in JavaScript Easily Solved by The Builder Design Pattern

November 24, 2019

This article will go over 4 dangerous problems in JavaScript that are easily solved by the builder design pattern

javascriptreactpattern+4
The Builder Pattern in JavaScript

The Builder Pattern in JavaScript

November 20, 2019

The design pattern we will be going over today is commonly known as the Builder Design Pattern, which is a pattern used to help construct complex objects.

javascriptreactpattern+4
The Prototype Pattern in JavaScript

The Prototype Pattern in JavaScript

November 16, 2019

In this article we will be going over the prototype pattern in JavaScript and explain its benefits as opposed to the classic object oriented approach

javascriptreactprototype+1
Create a Modern Dynamic Sidebar Menu in React Using Recursion

Create a Modern Dynamic Sidebar Menu in React Using Recursion

November 13, 2019

In this article we will be building a robust, modern dynamic sidebar in react using the powerful programming concept called recursion

javascriptreactsidebar+3
8 Useful Tricks for React Apps You Should Know

8 Useful Tricks for React Apps You Should Know

November 10, 2019

This article will go over 8 neat tricks in react that every react developer should know

javascriptreacttricks+1
The Mediator Pattern in JavaScript

The Mediator Pattern in JavaScript

October 27, 2019

In this article, we will be going over the _mediator pattern_ and implementing one using JavaScript

javascriptreactpattern+4
Extend Your React Electron Desktop App with TypeScript

Extend Your React Electron Desktop App with TypeScript

October 16, 2019

This article will go over steps on how to extend an electron repo to support TypeScript as it may be a little complex due the differences between the main and renderer process

javascriptreactdesktop+4
Create Your First React Desktop Application in Electron with Hot-Reload

Create Your First React Desktop Application in Electron with Hot-Reload

October 13, 2019

If you were wondering on how to begin with creating your first desktop application using JavaScript and TypeScript, then this post will help you to get started with writing your own desktop software application!

javascriptreactdesktop+4
Recursion Inside JavaScript

Recursion Inside JavaScript

September 27, 2019

If you're new to recursion, this article will hopefully help you understand the concept a little more clearly.

javascriptreactpattern+2
The Power of React Hooks

The Power of React Hooks

September 16, 2019

Create an app using only this new feature from React. We will build a new app called Slotify that inserts styled quotes throughout your blog posts.

javascriptreactslotify+2
8 Miraculous Ways to Bolster Your React Apps

8 Miraculous Ways to Bolster Your React Apps

August 25, 2019

This artice will go over 8 Miraculous Ways to Bolster Your React Apps

javascriptreactbest practice
14 Beneficial Tips to Write Cleaner Code in React Apps

14 Beneficial Tips to Write Cleaner Code in React Apps

August 17, 2019

Here are 14 beneficial tips to help you write cleaner code in react apps

javascriptreactclean code+3
This React Cheatsheet Includes All of v16+

This React Cheatsheet Includes All of v16+

August 11, 2019

This post will go over a cheat sheet that includes react v16 snippets

javascriptreactcheatsheet+3
22 Miraculous Tools for React Developers in 2019

22 Miraculous Tools for React Developers in 2019

August 4, 2019

This article will go over 22 tools you can use to build your react apps in 2019

javascriptreactredux+3
Build a Character Select Screen in React

Build a Character Select Screen in React

July 28, 2019

Build a cool character select screen in React with plain CSS

javascriptreactcharacter select+5
8 Habits For Beginning and Mid Level JavaScript Developers That Will Sabotage Your Future

8 Habits For Beginning and Mid Level JavaScript Developers That Will Sabotage Your Future

July 15, 2019

You might be devoting so much of your time and energy into your daily JavaScript tasks that you might end up causing a catastrophe for yourself and your future. My goal is to help you from making these mistakes so that you don't end up in misery.

javascriptreacthabits+3
26 Miraculous VS Code Tools for JavaScript Developers in 2019

26 Miraculous VS Code Tools for JavaScript Developers in 2019

July 5, 2019

As a JavaScript developer, I will share what enhances my development flow in several aspects revolving around 3 of 5 of the Five Senses of the human.

javascriptreactvscode+1
8 Practices In React That Will Crash Your App In The Future

8 Practices In React That Will Crash Your App In The Future

July 3, 2019

If you're currently building an application using react or thinking of using react for upcoming projects, then this tutorial is for you. I hope this tutorial will help you on your journey to make great react applications too by exposing a few code implementations that you ought to think twice about

javascriptreactbest practice+1
10 Things NOT To Do When Building React Applications

10 Things NOT To Do When Building React Applications

June 28, 2019

React comes with its own set of gotchas, some of it potentially becoming a severe problem to your applications if you don't take care of them now. This article will go over 10 things not to do when building react applications

javascriptreactbest practice+2
Enhance Your React App With Undo and Reset Abilities

Enhance Your React App With Undo and Reset Abilities

June 23, 2019

Ever developed something where you made mistakes and wished there was an undo feature? What about reset? Well, look no further because I am here to show you how to enhance your application with undo and reset capabilities!

javascriptreactundo+3
Here Are 7 Ways Higher Order Functions Can Improve Your Life

Here Are 7 Ways Higher Order Functions Can Improve Your Life

June 20, 2019

Did you know that higher order functions can help improve your life? Here are 7 reasons how they can

javascriptreacthigher order function+1
Build a Stunning Breadcrumb Component in React with Plain CSS

Build a Stunning Breadcrumb Component in React with Plain CSS

June 18, 2019

By the end of this tutorial you should be able to learn how to create a stunning breadcrumb component in react using plain css

javascriptreactbreadcrumb+1
Build a Modern, Customized File Uploading User Interface in React with Plain CSS

Build a Modern, Customized File Uploading User Interface in React with Plain CSS

June 14, 2019

When users are using your technology, they're not just using it--they're most likely judging your app and its technology as well without you knowing it. This post will provide tips to implement complex UX for a file uploading interface.

javascriptreactcss+4
Uploading Files in React While Keeping The UI Completely In Sync

Uploading Files in React While Keeping The UI Completely In Sync

June 11, 2019

This post will teach you how to create a user interface containing a file upload component that will help users select and send their files somewhere, while allowing the interface to tap into every update from the moment of instantiation to the end.

imagethumbnailreact+8
12 Things NOT To Do When Building React Apps With Redux

12 Things NOT To Do When Building React Apps With Redux

June 8, 2019

If you've never had experience building a react redux application for production, then this article can help you prepare for the next large scaled application you build.

javascriptreactredux+5
Build a Reusable Responsive Card component with styled-components

Build a Reusable Responsive Card component with styled-components

March 2, 2019

Card components are often used because they keep layouts looking neat, clean and elegant. In this post i'll be guiding you to create a card component using the styled-components library.

reactjavascriptstyled-components+2