Skip to content

Instantly share code, notes, and snippets.

View aakash14goplani's full-sized avatar
🎯
Focusing

Aakash Goplani aakash14goplani

🎯
Focusing
View GitHub Profile

This migration guide provides an overview of how to upgrade your system and applications based on the recent breaking changes. See the linked PRs for more detailed migration instructions. Use the migration script to migrate some of these automatically: npx svelte-migrate svelte-4

1. Node version

Upgrade to Node 16 or higher. Earlier versions are no longer supported. (#8566)

2. webpack version

Upgrade to webpack 5 or higher. Earlier versions are no longer supported. (#8515)

3. Browser conditions for bundlers

Bundlers must now specify the browser condition when building a frontend bundle for the browser. (#8516)

@aakash14goplani
aakash14goplani / svelte-store-localstorage.md
Last active June 9, 2023 06:58
Custom Svelte Store for saving data in local-storage
@aakash14goplani
aakash14goplani / list_of_all_pages.md
Last active June 8, 2023 20:31
Get list of all pages in SvelteKit

Folder Structure

lib
|--components
|  |--Navigation.svelte
src
|--routes
|  |--(app)
|  |  |--profile
@aakash14goplani
aakash14goplani / Interview-Questions.md
Last active September 17, 2022 14:59
Interview Questions

I started searching for new opportunities as Mid-Senior Angular Developer from 20th May 2022. This would be my first ever switch. In span of 3 months, I have interviewed with 38 companies (mostly service based and not-so-famous product based). Here is the list of questions that were asked.

JavaScript
HTML
CSS
Design Patterns
TypeScript
Angular
Coding

Why Learn Firebase Firestore?

NoSQL Support:

  • Cloud Firestore is a scalable NoSQL cloud database for mobile, web, and server development from Firebase and Google Cloud Platform.

Realtime Updates:

  • Like Realtime Database, Cloud Firestore uses data synchronization to update data on any connected device.

Expressive Queries:

  • It is designed to make simple, one-time fetch queries efficiently.
Things that I know Things that I aspire to know
    HTML
@aakash14goplani
aakash14goplani / staticFilesJSK.md
Last active April 4, 2020 16:38
Referencing static files in JSK

Rendering static files in JSK

  1. Create a folder with name of your site, e.g. If your site that you're currently working on is named as Hello_World so your folder should also be named as Hello_World and be placed under JSK_Installation_Path\App_Server\apache-tomcat-7.0.42\Sites\webapps\cs
  2. Place all the static assets like .js, .css or image / other files within this folder.
  3. We can create a reference path to these files using request.getContextPath():
    <link rel="stylesheet" href='<%=request.getContextPath() + "/Hello_World/css/home.css" %>'>
    <script src='<%=request.getContextPath() + "/Hello_World/js/home.js" %>'>
    <img src='<%=request.getContextPath() + "/Hello_World/img/home.jpg" %>'>

Builds a list of assets that reference this asset.

<asset:load name="loadReferences" type="[c]" objectid="[cid]"/>
<asset:referencedby name="loadReferences" list="referenceList" embeddedreflist="embeddedReferenceList" />	

Assets: <br>
<ics:if condition='<%=null!=ics.GetList("referenceList") && ics.GetList("referenceList").hasData()%>'>
  <ics:then>
 
@aakash14goplani
aakash14goplani / SearchSharedAssets.md
Last active July 10, 2019 14:27
Search Shared Assets

Search assets that are shared with multiple sites

To search that a given asset is shared amongst sites we use asset:sites tag

<asset:load name="loadReferences" type="[c]" objectid="[cid]"/>
<asset:sites list="sharedSites" name="loadReferences"/>
  <ics:if condition='<%=null!=ics.GetList("sharedSites") && ics.GetList("sharedSites").hasData()%>'>
    <ics:then>
 
@aakash14goplani
aakash14goplani / PreFillAsset.md
Last active March 20, 2019 14:08
Pre-fill values while creating Assets

Aim is to create assets that have some fields pre-filled with particular values. This can be done while creating/configuring Start Menu items

  1. Go to Admin tab
  2. List all Start Menu (I am updating already created menu, you can create a new one)
  3. Set Type: to New
  4. Set Asset Type and Flex Definition targeting particular asset
  5. Default Values: This is the field that will help us to achieve our target. Expand the dropdown, there you will have list of fields that can have pre-filled value when asset will be created.

configure asset