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
Published inLevel Up Coding·Apr 30, 2020Creating a Force Graph using React and D3I was involved in an interesting project that includes building various graph visualizations. The app we built used React as the view engine and D3 library for data visualization. In this post, I’ll show you how to create a force graph using D3 for visualizing connections in your data. Creating The Example App We’ll…D3js3 min readD3js3 min read
Oct 10, 2019Quick Tip — Using The Chrome DevTools FPS meterOne of the hidden gems in Chrome DevTools is the FPS meter. The FPS meter enables you to monitor frames per second during runtime. It’s very useful for animation monitoring and can help you to understand if you are running below 60 FPS. How do you use the FPS meter…Chrome Dev Tools2 min readChrome Dev Tools2 min read