Nov 13Quick Tip — Using Callback Refs in ReactOne of the usages I see a lot with useEffect in React code is to run some JavaScript code on an element reference which is stored as ref as soon as this element is mounted. For example, when an element is mounted, animate it’s content using Web Animation API. The…React2 min readReact2 min read
Jun 30Integrating D3 in Qwik AppsIn the past I wrote a bunch of posts that explained how to integrate D3 library and React. In this post I’ll do the same but this time I’ll show you how to integrate D3 in Qwik apps. We will build together a D3 tree and host it inside a…Qwik2 min readQwik2 min read
Feb 28Adding Authentication to a Qwik AppAuthentication is a basic feature that is implemented in most of the apps and websites. Today there are many ways to authenticate users and the most popular front-end library for authentication is probably auth.js. But how can you use the library in your Qwik app? This post will explain how…Qwik4 min readQwik4 min read
Feb 18Using a QwikCity Loader to Load Database DataYesterday I wrote a post called “Using QwikCity Loaders to Load Data” that shorty explains how to load data using the new QwikCity loader’s API. When I wrote the post I used an in-memory array and just returned it as the example data. …Qwik4 min readQwik4 min read
Feb 17Using QwikCity Loaders to Load DataOne of the new features that QwikCity include is the new loaders features. What is a QwikCity loader? How can you use it? In this post you will get the answers to these questions. What is a QwikCity Loader? A loader is a new feature that was added to QwikCity lately. A loader purpose is…Qwik3 min readQwik3 min read
Published inBetter Programming·Oct 16, 2022Writing Your First Qwik ComponentAn exploration of this fantastic framework — In the last few weeks, I’m deep diving into the Qwik framework in preparation for a session I’ll deliver at TechRadarCon 2022. I also implemented a full demo app with Qwik and QwikCity to get familiar with the framework developer experience. In this article, I will show you how to…Qwik4 min readQwik4 min read
Oct 15, 2022First Impression with QwikA few days ago I published a small demo app called “TheAgency” which I fully developed with Qwik and QwikCity. In this post I’ll explain why I did it and how it might help you if you want to get familiar with Qwik and QwikCity. Qwik? QwikCity? There is a lot of…Qwik3 min readQwik3 min read
Sep 11, 2022Quick Tip — Storybook Play FunctionStorybook is a go to tool that a lot of developers are using as a lab environment to the components they are creating. Storybook renders the components and then enable to interact with them, change their props and see the outcome of the changes. But sometime you might want to…Storybook3 min readStorybook3 min read
Published inLevel Up Coding·Mar 7, 2021Creating a Force Graph using React, D3, and PixiJSA few months ago I published a post about how to create a force graph using React and D3. But what if the force graph data source is enormous? Would you still use D3 or are there any other solutions out there? …React3 min readReact3 min read
May 20, 2020Adding a Context Menu to D3 Force GraphA few weeks ago I published a post called “Creating a Force Graph using React and D3” that explained how to create a force graph using D3 which is wrapped in React container. In this post I’ll add a new feature to the graph — a context menu. …D3js3 min readD3js3 min read
