profile
viewpoint
Slim Coder viveksharmaui Karachi , Pakistan https://vvkanand.wordpress.com Software Engineer 👨‍💻 | 2 Top GitHub Organizations 🇵🇰 | Writer at byrslf.co & VOC | Speaker🎙️| 🎥 Dropping Courses on YouTube

Techistan/md2urdu 24

A lightweight extension for converting md files to urdu written in TypeScript.

Techistan/Whatsapp-Bot 21

Whatsapp-Bot built with Node JS | DialogFlow | Twilio | See Prototype Video :

Techistan/E-Commerce 10

E-Commerce website developed with MERN Stack Technology , Check current version :

Techistan/P2P-Video-Calling-with-EasyRTC 3

P2P Video Calling MERN Stack Application

Techistan/Forum-Application 1

Forum Application with Electron JS and Firebase , See Prototype Video :

Techistan/Video-Conferencing-With-EasyRTC 1

Video Conferencing MERN Stack Application with EasyRTC.

learnwithgeeks/C.C-Task 0

Node JS Interview Test (Cooperative Computing - Karachi)

learnwithgeeks/docker-node-js 0

Learn Docker with Node JS

push eventreactjs/reactjs.org

Dylan Pierce

commit sha 4a62c0ab776078c3478fdd2927f45e0590fff5ed

More docs onFocus and onBlur events (#3044) * More docs onFocus and onBlur events Including more substantial documentation around the `onFocus` and `onBlur` events that aren't so common sense on first look. * Update content/docs/reference-events.md Co-authored-by: Darsh Shah <imdarshshah@gmail.com> * Update reference-events.md Adding an example of `relatedTarget` to determine orgin of onblur or onfocus events * Update reference-events.md * Update content/docs/reference-events.md Fixing `onBlur` example bug. Co-authored-by: Darsh Shah <imdarshshah@gmail.com> * Update reference-events.md Fixing spacing in `onBlur` `onFocus` examples and tagging them with `javascript` * Update reference-events.md * Update reference-events.md * Update reference-events.md Co-authored-by: Darsh Shah <imdarshshah@gmail.com> Co-authored-by: Dan Abramov <dan.abramov@gmail.com>

view details

push time in a month

PR merged reactjs/reactjs.org

More docs onFocus and onBlur events CLA Signed

Including more substantial documentation around the onFocus and onBlur events that aren't so common sense on first look.

<!--

Thank you for the PR! Contributors like you keep React awesome!

Please see the Contribution Guide for guidelines:

https://github.com/reactjs/reactjs.org/blob/master/CONTRIBUTING.md

If your PR references an existing issue, please add the issue number below

-->

+75 -1

8 comments

1 changed file

ctrlaltdylan

pr closed time in a month

pull request commentnodejs/node

async_hooks: fix leak in AsyncLocalStorage exit

Tests don't want to cooperate. I keep getting seemingly unrelated errors. 🤔

Qard

comment created time in a month

PR opened gatsbyjs/gatsby

fix:missing printTypeDefinitions for CreateSchemaCustomizationArgs #2…

Related Issues

Fixes #27595

+9 -0

0 comment

1 changed file

pr created time in a month

Pull request review commentreactjs/reactjs.org

More docs onFocus and onBlur events

 onFocus onBlur  These focus events work on all elements in the React DOM, not just form elements. +#### onFocus++The `onFocus` prop is initiated when focus is on the element. For example, when the user clicks on a text input element, the function defined with the `onFocus` prop is called.++```+  function onFocusExample() {+     return (+      <input+        onFocus={(e) => {+          console.log('Focused on input');+        }}+        placeholder="onFocus is triggered when you click this input."+      />+     )+  }+```++#### onBlur++`onBlur` prop is initiated when focus has left on the element. For example, when the user clicks into and then clicks outside of on a text input element, the function defined with the `onBlur` prop is called.++```+  function onBlurExample() {+     return (+      <input+        onBlur={(e) => {+          console.log('Triggered because this input lost focus');+        }}+        placeholder="onBlur is triggered when you click this input and then you click outside of it."+      />+     )+  }+```+ Properties:  ```javascript DOMEventTarget relatedTarget ```+`relatedTarget` is useful for detecting _child_ focus events as well as bubbling vs encapsulating events.++You can use the `currentTarget` and `relatedTarget` to differentiate if the focusing or blurring events originated from _outside_ of the parent element:++```+export default function App() {+  return (+    <div+      tabIndex={1}+      onFocus={(e) => {+        console.log("focused on", e.target);+        if (e.currentTarget === e.target) {+          console.log("focused on (self)");+        }+        if (!e.currentTarget.contains(e.relatedTarget)) {+          console.log(+            "Now focused on parent <div>, not triggered when swapping between children."+          );+        }+      }}+      onBlur={(e) => {+        console.log("left focus of", e.target);+        if (e.currentTarget === e.target) {

I'm not sure what you mean but this condition is definitely true when you're blurring the node itself. https://codesandbox.io/s/strange-albattani-7tqr7?file=/src/App.js The proposed edit is wrong and contradicts what the code is supposed to do.

ctrlaltdylan

comment created time in a month

pull request commentTechistan/first_contribution

Added myself

@viveksharmaui

I've put up a pull request to add @zeeshanmahar007! :tada:

zeeshanmahar007

comment created time in a month

PR opened Techistan/first_contribution

docs: add zeeshanmahar007 as a contributor

Adds @zeeshanmahar007 as a contributor for content.

This was requested by viveksharmaui in this comment

+13 -1

0 comment

2 changed files

pr created time in a month

push eventTechistan/first_contribution

allcontributors[bot]

commit sha 56eca1a98855138f30e43d6aeac8fd35dddbba15

docs: update .all-contributorsrc [skip ci]

view details

push time in a month

push eventTechistan/first_contribution

allcontributors[bot]

commit sha 240468fe12642c4ce386fc9fede457acf22a1fa3

docs: update README.md [skip ci]

view details

push time in a month

pull request commentreactjs/reactjs.org

More docs onFocus and onBlur events

Deployment failed with the following error:

The most recent charge for your active payment method has failed. Please update it here: https://vercel.com/teams/fbopensource/settings/billing
ctrlaltdylan

comment created time in a month

Pull request review commentnodejs/node

doc: mark ECMAScript modules implementation as stable

 <!-- YAML added: v8.5.0 changes:+  - version:+    - vx.x.x

To fix the linter issue:

    - REPLACEME
guybedford

comment created time in a month

Pull request review commentnodejs/node

doc: mark ECMAScript modules implementation as stable

 cjs === 'cjs'; // true  ## Experimental JSON modules

+1, this would allow to keep the same heading when/if this goes out of experimental; every time we update a heading on our docs, we take the risk of breaking links and we should avoid that when possible.

guybedford

comment created time in a month

Pull request review commentgatsbyjs/gatsby

Add new image resolvers

 const FluidPage = () => (     <div data-testid="image-fluid">       <StaticImage         src="../images/citrus-fruits.jpg"-        layout="intrinsic"

We've renamed this to constrained, the file name is legacy so I updated it. If your comment is more about the naming itself though, let me know.

ascorbic

comment created time in a month

push eventgatsbyjs/gatsby

Laurie

commit sha f3e114af509ba2482ec56616727a04a48afc1839

rename file to match constrained naming

view details

push time in a month

push eventgatsbyjs/gatsby

Laurie

commit sha 2a9b0fe56759098ebad11c9a93192a7c4aa2e7be

fix sizing when larger image dimensions are requested, fix warning as well

view details

push time in a month

pull request commentnodejs/node

util: remove instance check on empty object

@baylesa-dev the check is not useless. It's a safeguard to find the correct prototype. To fix the issue, we'll have to wrap the instanceof check in a try / catch and return false in the error case.

This should be a full fix:

diff --git a/lib/internal/util/inspect.js b/lib/internal/util/inspect.js
index e6787760fe..c281d36630 100644
--- a/lib/internal/util/inspect.js
+++ b/lib/internal/util/inspect.js
@@ -534,6 +534,14 @@ function getEmptyFormatArray() {
   return [];
 }
 
+function isInstanceof(object, proto) {
+  try {
+    return object instanceof proto;
+  } catch {
+    return false;
+  }
+}
+
 function getConstructorName(obj, ctx, recurseTimes, protoProps) {
   let firstProto;
   const tmp = obj;
@@ -542,7 +550,7 @@ function getConstructorName(obj, ctx, recurseTimes, protoProps) {
     if (descriptor !== undefined &&
         typeof descriptor.value === 'function' &&
         descriptor.value.name !== '' &&
-        tmp instanceof descriptor.value) {
+        isInstanceof(tmp, descriptor.value)) {
       if (protoProps !== undefined &&
          (firstProto !== obj ||
          !builtInObjects.has(descriptor.value.name))) {
diff --git a/test/parallel/test-util-inspect.js b/test/parallel/test-util-inspect.js
index 70f2ff6432..a8caf6f891 100644
--- a/test/parallel/test-util-inspect.js
+++ b/test/parallel/test-util-inspect.js
@@ -2866,6 +2866,17 @@ assert.strictEqual(
   );
 }
 
+// Check that prototypes with a null prototype are inspectable.
+// Regression test for https://github.com/nodejs/node/issues/35730
+{
+  function Func() {}
+  Func.prototype = null;
+  const object = {};
+  object.constructor = Func;
+
+  assert.strictEqual(util.inspect(object), '{ constructor: [Function: Func] }');
+}
+
 // Test changing util.inspect.colors colors and aliases.
 {
   const colors = util.inspect.colors;
baylesa-dev

comment created time in a month

pull request commentnodejs/node

worker: add eventLoopUtilization()

CI: https://ci.nodejs.org/job/node-test-pull-request/33823/

trevnorris

comment created time in a month

issue commentgatsbyjs/gatsby

Error: The result of this StaticQuery could not be fetched.

thank you, the first solution worked for me.

fadhlaouir

comment created time in a month

pull request commentreactjs/reactjs.org

updating Glitch example link

Oh wow I was just about to remove because it didn't load for me (https://github.com/reactjs/reactjs.org/pull/3350)

I'm still a bit concerned about this one.

Why does it take so long to start? I have to "show -> in sidebar" and then a minute later it says "Ready..." and nothing happens

Screenshot 2020-10-23 at 22 05 15

It took a few minutes to show up, compared to a few seconds in all other linked starters. It seems like it's running a real VM but that seems unnecessary given CRA's whole point is client-side apps. Is there a purely client-side template?

Also, I was seeing this several times:

Screenshot 2020-10-23 at 22 04 32

I couldn't figure out what they mean or even how to see the errors. When I clicked on them they expanded into some menus and I couldn't find the actual errors and warnings.

jennschiffer

comment created time in a month

pull request commentreactjs/reactjs.org

Remove broken Glitch template

Deploy preview for reactjs ready!

Built with commit fe1b22d0d5dd16a38b7d690c251c37f66dcc9a96

https://deploy-preview-3350--reactjs.netlify.app

gaearon

comment created time in a month

PR opened reactjs/reactjs.org

Remove broken Glitch template

This is

  1. using real CRA unnecessarily despite being in the browser so is slow to boot
  2. shows "error" immediately to me and doesn't load
  3. doesn't seem to get updated with newer React releases

We can readd it if it's fixed and doesn't have these problems (which none of the other templates do).

+1 -1

0 comment

1 changed file

pr created time in a month

create barnchreactjs/reactjs.org

branch : gaearon-patch-40

created branch time in a month

pull request commentnodejs/node

async_hooks: fix leak in AsyncLocalStorage exit

Seems to me like that codecov result probably shouldn't be getting reported for an incomplete test run. 🤔

Qard

comment created time in a month

pull request commentnodejs/node

async_hooks: fix leak in AsyncLocalStorage exit

CI: https://ci.nodejs.org/job/node-test-pull-request/33822/

Qard

comment created time in a month

push eventgatsbyjs/gatsby

Mikhail Novikov

commit sha 5d891adf424464dc6f85c44b6c18c3f34e146d87

Remove themes from monorepo (#25567)

view details

Obinna Ekwuno

commit sha a52244039d285d30ab4f98dc79cbbfed08378862

chore(doc):update API Specification (#25576) * update API Specification * chore: format Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>

view details

Michal Piechowiak

commit sha f039f4c5f910391ab539d2a9bf38377771b96db7

chore(circleci): fix conditional step configuration (#25580)

view details

LB

commit sha f1a21e9c537aab57ca16e417ed69654064a4911c

Update starter theme-ui shadowing file (#25579) * Update starter theme-ui shadowing file * bump to 2.0 * update theme-ui version Co-authored-by: Laurie Barth <laurie@LauriesrkLaptop.fios-router.home> Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>

view details

Shyam Lohar

commit sha 65e802ef5278c3e3d90337b92f1bbc782966d176

chore(starters): Add gatsby-ghost-novela-starter to starters (#25509) Co-authored-by: Obinna Ekwuno <obinnacodes@gmail.com>

view details

Ward Peeters

commit sha 6d2b211e0faddd32e239fc0108a7acc14da20660

chore: fix circleci, remove when

view details

Nisarag

commit sha 69e1c159760b1eb55fded1027b48a43e4368f285

enhancement(docs): dictionary.txt -> .yml -> File names in code blocks (#25584) * replacing .yml with code blocks * removing .yml from dictionary

view details

Nisarag

commit sha 81d75147ce42db84cc5589e2ac0e697432a58955

enhancement(docs): dictionary.txt -> .babelrc -> File names in code blocks (#25585) * putting .babelrc into a code block * removing .babelrc from dictionary.txt

view details

Nisarag

commit sha 588e4ae0a09aa3b2a326f6b08ec89180a9884086

standardising graphQL and Graphql into GraphQL (#25586)

view details

renovate[bot]

commit sha 84e3be34ccb55c25330d5f11066bde3309838d4e

fix: update www (#25548) Co-authored-by: Renovate Bot <bot@renovateapp.com>

view details

Nat Alison

commit sha 238d6294a31f33436e5e0b1bb42abb0d6e47fc9a

factor out common content to a fragment (#25593)

view details

Peter van der Zee

commit sha 760845a2c27294ec80ac5dc636df74ca7c8f514f

perf(gatsby-plugin-mdx): prevent babel parse step at sourcing time (#25437) * perf(gatsby-plugin-mdx): prevent babel parse step at sourcing time The mdx plugin was doing its default parsing step for every time it got called. At sourcing time it's only called to retrieve the import bindings and for this we can be much faster by manually processing the import statements. So that's what this does. A very simple flat no-image mdx benchmark cuts down sourcing time in half for this change. * Support multiple import statements together * Drop comments

view details

Brad Garropy

commit sha 0a887ed06f4ea54c20cfd12732cfbff3aba64bf5

chore(starters): add bradgarropy/gatsby-starter (#24734) Co-authored-by: Lennart <lekoarts@gmail.com>

view details

Jeff Jadulco

commit sha 2b164ea6f2cb84193a3d849484b7e2fc598bb327

chore(showcase): Add jeffjadulco.com (#25505) Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>

view details

Jari Zwarts

commit sha 41e20caa2184b811599fcfe4d86490befbd44110

chore(showcase): Raleigh Bikes (#25444) Co-authored-by: Lennart <lekoarts@gmail.com>

view details

Aditya Ketkar

commit sha 539f717a2ff5b2c03c746d4e514b7584d9d89c5a

chore(starters): add circle-packing-personal-homepage (#24986) Co-authored-by: Lennart <lekoarts@gmail.com>

view details

Peter van der Zee

commit sha de0f9ba1ace037f0ffc773d92be918871275dc23

chore(gatsby): fix dirty yarn lock (#25602)

view details

Michal Piechowiak

commit sha 44d0c2a11566ce2ff1c2197c2a123aaf0f954bb8

fix(gatsby): end activity if plugin didn't do it (#25470) * fix(gatsby): end activity of plugin didn't do it * fix typo * empty for new canary publish * empty for new canary publish * actually catch things * add test cases that throw in the middle of API * Apply suggestions from code review Co-authored-by: Ward Peeters <ward@coding-tech.com> Co-authored-by: Ward Peeters <ward@coding-tech.com>

view details

Jabran Rafique⚡️

commit sha 1bf943b55e41a6079c25516dfb8015ae16eeef22

add reference to WP plugin (#24484) closes #24483

view details

LB

commit sha fcdcd1eccffcf8d6dd251a245e85e7d96eb0b840

Blog theme blog (#25568) * create post * Update text and change images, in progress * change ignorePreset text * minor edits * address review * remove TODO * add links to new dos * update with cleaner images * update frontmatter Co-authored-by: Laurie Barth <laurie@LauriesrkLaptop.fios-router.home> Co-authored-by: Michelle Gienow <michellegienow@gmail.com> Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>

view details

push time in a month

push eventgatsbyjs/gatsby

Megan Sullivan

commit sha 1c9d142b026241be6ecf6b584079489e1f34f95c

Update docs/docs/query-behind-the-scenes.md

view details

push time in a month

Pull request review commentgatsbyjs/gatsby

Clean up How Queries Work

 title: How Queries Work --- -As part of Gatsby's data layer, GraphQL queries can be specified as tagged graphql expressions at the bottom of your component source file (e.g. [query for Gatsby frontpage](https://github.com/gatsbyjs/gatsby/blob/master/www/src/pages/index.js#L142)), StaticQueries within your components (e.g. [showcase site details](https://github.com/gatsbyjs/gatsby/blob/master/www/src/components/showcase-details.js#L96)), or fragments created by plugins (e.g. [gatsby-source-contentful](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-source-contentful/src/fragments.js)).+In Gatsby, GraphQL queries are specified as tagged `graphql` expressions. These can be exported in your page source files, used in the `StaticQuery` component, or used in the `useStaticQuery` hook in your React code. Plugins can also define fragments for use in queries. -Note that this process only applies to queries that are specified directly in components or templates. It doesn't apply to queries involved in the creation of dynamic pages through your site's `gatsby-node.js` file (e.g. on [Gatsby's website](https://github.com/gatsbyjs/gatsby/blob/master/www/src/utils/node/docs.js#L42)).+Note that the process outlined in this section only applies to queries that are specified in components or templates. It does _not_ apply to queries specified in a `gatsby-node.js` file which are typically used for the creation of dynamic pages. (For an example of a query in a `gatsby-node.js` file, check out the [Creating Pages](https://www.gatsbyjs.org/tutorial/part-seven/#creating-pages) section from Part 7 of the Gatsby tutorial. 
Note that the process outlined in this section only applies to queries that are specified in components or templates. It does _not_ apply to queries specified in a `gatsby-node.js` file which are typically used for the creation of dynamic pages. (For an example of a query in a `gatsby-node.js` file, check out the [Creating Pages](/tutorial/part-seven/#creating-pages) section from Part 7 of the Gatsby tutorial. 
sidharthachatterjee

comment created time in a month

push eventgatsbyjs/gatsby

Megan Sullivan

commit sha f1923298654af78cfd42469069d24dceb659fffc

Update docs/docs/query-behind-the-scenes.md

view details

push time in a month

Pull request review commentgatsbyjs/gatsby

Clean up How Queries Work

 title: How Queries Work --- -As part of Gatsby's data layer, GraphQL queries can be specified as tagged graphql expressions at the bottom of your component source file (e.g. [query for Gatsby frontpage](https://github.com/gatsbyjs/gatsby/blob/master/www/src/pages/index.js#L142)), StaticQueries within your components (e.g. [showcase site details](https://github.com/gatsbyjs/gatsby/blob/master/www/src/components/showcase-details.js#L96)), or fragments created by plugins (e.g. [gatsby-source-contentful](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-source-contentful/src/fragments.js)).+In Gatsby, GraphQL queries are specified as tagged `graphql` expressions. These can be exported in your page source files, used in the `StaticQuery` component, or used in the `useStaticQuery` hook in your React code. Plugins can also define fragments for use in queries. -Note that this process only applies to queries that are specified directly in components or templates. It doesn't apply to queries involved in the creation of dynamic pages through your site's `gatsby-node.js` file (e.g. on [Gatsby's website](https://github.com/gatsbyjs/gatsby/blob/master/www/src/utils/node/docs.js#L42)).+Note that the process outlined in this section only applies to queries that are specified in components or templates. It does _not_ apply to queries specified in a `gatsby-node.js` file which are typically used for the creation of dynamic pages.
Note that the process outlined in this section only applies to queries that are specified in components or templates. It does _not_ apply to queries specified in a `gatsby-node.js` file which are typically used for the creation of dynamic pages. (For an example of a query in a `gatsby-node.js` file, check out the [Creating Pages](https://www.gatsbyjs.org/tutorial/part-seven/#creating-pages) section from Part 7 of the Gatsby tutorial. 

https://www.gatsbyjs.org/tutorial/part-seven/#creating-pages

sidharthachatterjee

comment created time in a month

more