One of the problems in web development today is the entangling of different layers. Not only do we face strong coupling to multiple dependencies, but we also wire logical code directly to some styling or presentation layer. The end result may still be easier to reuse than similar code some years ago, but it is definitely more difficult to reuse than it should be.
⏱ 7 min read
🔘 #React
⏱ 7 min read
🔘 #React
LogRocket Blog
Building a carousel component in React using Hooks - LogRocket Blog
Build a custom React carousel component using Hooks, and compare it to the newly released use-carousel-hook.
🤖 Coding News ⚡️ pinned «Part 3: In recent years, instagram.com has seen a lot of changes — we’ve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate…»
You might have used Chrome’s Developer Tools to profile your JavaScript to improve performance or find bottlenecks.
⏱ 7 min read
🔘 #Performance
⏱ 7 min read
🔘 #Performance
Medium
Chrome Tracing for Fun and Profit
You might have used DevTools to profile your JavaScript. But there’s a lot that DevTools can’t tell you.
ReactJS is a frontend Javanoscript library which is loved by software engineers and people in the industry due to it’s performance, ease of syntax and component based approach.
⏱ 3 min read
🔘 #React #Interviews
⏱ 3 min read
🔘 #React #Interviews
Medium
Master these 11 Core ReactJS concepts to conquer your next interview
ReactJS is a frontend Javanoscript library which is loved by software engineers and people in the industry due to it’s performance, ease of…
Documentation makes your reusable components comprehensible and discoverable. It is a crucial part of every component library.
⏱ 5 min read
🔘 #Documentation #React
⏱ 5 min read
🔘 #Documentation #React
Medium
5 Ways to Document React Components in 2020
Learn how to document reusable UI components.
🤖 Coding News ⚡️ pinned «Join our chat room 💭 Programming and tech related discussions 🤓»
A step by step guide to understand the core concepts and build a first extension.
⏱ 5 min read
🔘 #NodeJS
⏱ 5 min read
🔘 #NodeJS
Medium
Native Extensions for Node.js
A step by step guide to understand the core concepts and build a first extension
Contributing to a design system should be simple, even if you aren’t on the core team. Find it, change it, publish it, and everyone uses it! Easy peasy.
⏱ 20 min read
🔘 #Styleguides
⏱ 20 min read
🔘 #Styleguides
Medium
Stewarding Design System Contributions
Giving What They Need, When Needed, To Keep Them On Track
I’ve been familiar with the “progressive web app” (PWA) concept for a while now. But there’s always been an itch in the back of my mind about it.
⏱ 8 min read
🔘 #PWA
⏱ 8 min read
🔘 #PWA
Medium
Seriously, though. What is a progressive web app?
Attempting to clarify the history of the term and cite the dang thing.
Recently I had to decide what technology to use for a large javanoscript project to make ajax calls. If you are using JavaScript, you have different chances to make call requests.
⏱ 6 min read
🔘 #JavaScript
⏱ 6 min read
🔘 #JavaScript
Medium
Comparing different ways to make HTTP requests in Javanoscript in 2020
Concise, useful JavaScript lessons — make it easy.
🤖 Coding News ⚡️ pinned «We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. ⏱ 9 min read 🔘 #React»
Determining what this is is actually rather simple. The overarching rule is that this is determined at the time a function is invoked by inspecting where it’s called, its call site. It follows these rules, in order of precedence.
⏱ 4 min read
🔘 #JS
⏱ 4 min read
🔘 #JS
Medium
The Simple Rules to ‘this’ in Javanoscript
A few rules determine what the 'this’ keyword is inside a function
To explain what new does, let’s start with just a normal function, called without new. We want to write a function that will create “person” objects. It’ll give these objects name and age properties based on parameters that it takes in.
⏱ 4 min read
🔘 #JS
⏱ 4 min read
🔘 #JS
Medium
Javanoscript’s “new” Keyword Explained as Simply as Possible
Normal Function Call
I think it’s great that the JavaScript community is paying attention to the problems caused by the use of classes and inheritance, but I’m worried that the beginners are confused as classes are both “bad” and were just added to the language. Even more confusingly, some libraries, notably React, use ES6 classes all over its documentation. Is React intentionally following “bad practices”?
⏱ 5 min read
🔘 #React
⏱ 5 min read
🔘 #React
Medium
Mixins Are Dead. Long Live Composition
When React 0.13 came out, everybody freaked out.
Custom hooks leverage the power of React hooks to add additional functionality to our React apps. Since the release of the React Hooks, there has been an explosive growth of custom hooks, thousands of React devs all over the world have churned out hundreds of custom hooks that simplify most of the arduous and boring tasks we do in React projects.
⏱ 6 min read
🔘 #React
⏱ 6 min read
🔘 #React
Medium
11 Useful Custom React Hooks for Your Next Web App
Top 11 recommended ReactJS custom Hooks — with examples.
🤖 Coding News ⚡️ pinned «Recently I had to decide what technology to use for a large javanoscript project to make ajax calls. If you are using JavaScript, you have different chances to make call requests. ⏱ 6 min read 🔘 #JavaScript»
You spend a significant amount of time each day in your code editor, invest in yourself.
⏱ 6 min read
🔘 #TextEditor #VScode
⏱ 6 min read
🔘 #TextEditor #VScode
Medium
7 VS Code Extensions that will make your life significantly easier.
You spend a significant amount of time each day in your code editor, invest in yourself.