Javascript Import and Export

Here are different ways to export and import in Javascript now.

// Name Export | Name Import
export const name = 'value'
import { name } from '...'

// Default Export | Default Import
export default 'value'
import anyName from '...'

// Rename Export | NameImport
export { name as newName }
import { newName } from '...'

// Name + Default | Import All
export const name = 'value'
export default 'value'
import * as anyName from '...'

// Export List + Rename | Import List + Rename
export {
  name1,
  name2 as newName2
}
import {
  name1 as newName1,
  newName2
} from '...'


Go for an explicit way to export and import because gives more control
export { name as newName }
import { newName as localName} from '...'

Comments

Post a Comment

Popular posts from this blog

Guide to Enforcing .editorconfig Rules in Visual Studio

1. Understanding Key .editorconfig Rules Line Endings: `` end_of_line = crlf → Uses Windows-style line endings ( \r\n ). end_of_line = lf → Uses Unix-style line endings ( \n ). File Header Template: `` This removes any enforced file headers in new files. Operator Placement: `` end_of_line → Operators appear at the end of the previous line. beginning_of_line → Operators appear at the start of the new line. Field Qualification: `` true → Requires this. for fields. false → No this. needed for fields. Method Qualification: `` true → Requires this. for methods. false → No this. needed for methods. Collection Initializers: `` Prefers using collection initializers where possible. Null Propagation: `` Prefers using ?. instead of explicit null checks. Accessibility Modifiers: `` Requires accessibility modifiers for members where applicable. Parentheses in Arithmetic Expressions: `` Defines whether arithmetic expressions should include explic...
Read more

Issue Wifi Access to Hotel Guest from Hotel PMS

Image
I have implemented the integration between Softinn PMS and the TP-Link Omada system. With this, the hotel frontdesk issue the guest Wifi access from the PMS without the need to switch between systems.  On top of that, the username and password are generated based on the preset template, so it's unique for each guest. The screenshot below is my reservation and its WiFi access created on TP-Link Omada.
Read more

How to Host ClickOnce Installer on GitHub

Image
This is a guide on how to deploy a ClickOnce installer on GitHub Pages, it's an updated version based on the previous work done by RefactorsaurusRex . Here are the steps needed Create a GitHub Pages In the GitHub Pages create an " Installer " folder. Create a .gitattributes file in the "Installer" folder. Add the following codes to the file *.manifest binary *.application binary *.deploy binary *  -text Get the URL of the "Installer" folder on your GitHub pages, it will be used later as the "Installation Folder URL". It should look something like  https://raw.githubusercontent.com/{your-account-name}/{your-repo-name}/gh-pages/Installer/ (please make sure that you commit the application to the gh-pages branch, it will not work if you commit to other branches like main, develop, etc) Switch to Visual Studio > Build. Follow this video guide to publish your ClickOnce application. Use the "Installation Folder URL" you get in step 3 a...
Read more