chunkangwong Goto Github PK

230928-server-state-mgmt

arcgis-featuretable-bulk-edit

Sample code to demonstrate bulk editing feature on ArcGIS JS API FeatureTable widget

arcgis-featuretable-filtering

This project aimed to demonstrate how to filter a FeatureTable using mainly selectRows and filterBySelection methods among few others.

arcgis-featuretable-view-related-features

In ArcGIS JS API ver. 4.x, viewing related features is currently not supported by the Feature Table widget (see the “Known Limitation” section in ArcGIS JS API official documentation here). This project demonstrates how this feature can be implemented right into the Feature Table widget using JavaScript.

arcgis-generate-mapimagelayer-popuptemplate

This sample demonstrates how to recursively query a layer and its nested sublayers to generate a popup template config for a MapImageLayer.

arcgis-mui-datagrid

A simple POC to demonstrate how to use the MUI DataGrid as a replacement of FeatureTable in ArcGIS JS Map SDK.

arcgis-mui-datagrid-paginated-query

Simple demonstration on paginated query to ArcGIS service with MUI Datagrid

arcgis-national-park-visitorship-v2

This project is to demonstrate the development of a ArcGIS web app using ArcGIS JavaSript API 4.x ESM and the following tech stack: TypeScript, React, Redux Toolkit, Material UI, and Vite.

arcgis-national-park-visitorship-v3

This project demonstrates the implementation of the ArcGIS API for JavaScript with the Calcite Design System using Svelte and TypeScript with Vite.

arcgis-national-parks-visitorship

This project demonstrates the use of Calcite component and ArcGIS Maps SDK for JavaScript in a React app.

arcgis-react-template

This template provides a Vite-bootstrapped setup with the following tech stack to start an ArcGIS Smart Mapping web application: React, TypeScript, shadcn/ui, tailwindcss, @tanstack/react-query, and react-hook-form

express-file-processing-api

This is a simple fullstack web app using Express as backend server and React frontend framework to demonstrate file processing API that allows users to upload a file and then process it.

express-tutorial

first-flutter-app

grid-query-features

A React hook library for querying ArcGIS service features from MUI DataGrid v6 with server mode pagination, filtering, and sorting.

little-lemon-booking

miro-clone

This is a Miro clone, built with Next.js, shadcn/ui, convex, and liveblocks, following the tutorial by Code with Antonio.

mui-button-with-icons

This project is a simple example of using the MUI Button with Icons component. This project is built with Storybook.

mui-dynamic-tabs

This project demonstrates the implementation of dynamic tabs using Material UI Tabs. As the item is selected on left panel, the selected component is lazy imported and rendered accordingly.

mui-dynamic-tabs-v2

national-parks-powerbi

A Power BI Dashboard built to replicate the GIS dashboard demonstrated here in the official ArcGIS tutorial. It uses the US National Parks data to showcase the top N most / least visited parks.

powerbi-react-circle-card

This project demonstrates the Power BI custom visual development with React as instructed here in Microsoft official tutorial: https://docs.microsoft.com/en-us/power-bi/developer/visuals/create-react-visual, the only difference is that this project uses React functional component instead of class component.

python-script-template

My interpretation of golden Python script template with logging configured to save a log with the same filename as the script.

react-arcgis-identity-oauth-basic

This project is a React version of the sample code demonstrated in official ArcGIS tutorial. It uses OAuth2 to authenticate with ArcGIS Online and then uses the ArcGIS API for JavaScript to display the user's portal items.

react-arcgis-js-sdk-template

A template to quickly scaffold a Vite React TypeScript application with ArcGIS JS SDK installed

react-arcgis-switch-2d-3d-view

This project is a React version of the sample code demonstrated in the official ArcGIS Featured Samples: https://developers.arcgis.com/javascript/latest/sample-code/views-switch-2d-3d/

react-datatables

DataTables.net in React Function Component

react-hook-form-custom-text-fields

This project demonstrates on how to dynamically create an array of string inputs in a useForm-enabled Form component.

react-portal-demo

react-query-demo