UI Dev Sync
September 13, 2019
Agenda
News and updates
Changelog
JavaScript Superstitions
Naming Conventions
Typechecking
Open discussion
📰
📜
👻
📝
⛑
🗣
Welcome
TJ
2
Arun
Abhishek
😄
Varun
Housekeeping 🧹
-
Show & Tell
-
BrowserStack
-
Github SSH tokens
-
Victory Charts Workshop
-
Storybook updates
Changelog 📜
bsd-react-ui-kit v1.5.1
- Adjust styles for error list in Dialog
- Modify Loader to accept custom error
- Add calendar and info icons
- Added Panel component
activecore-charts v0.14.2
- Refactor CenterAxis for mobile
- Update StackedBar padding propType
- Fix tooltip issues in CenterAxis
JavaScript Superstitions
-
const creates an immutable variable
-
arrow functions are bound to their outer context
-
JavaScript is single-threaded and slow
Naming Conventions
-
camelCase
-
PascalCase
-
kebab-case
-
snake_case
-
StUdLyCaPs
Name that Convention
variables
camelCase
React components
PascalCase
React props
camelCase
functions
camelCase
filenames
kebab-case
class methods
camelCase
CSS classes
kebab-case
classes
PascalCase
URLs
kebab-case
constants
snake_case
Sitecore items
PascalCase
Typechecking with JSDoc
JavaScript in Visual Studio Code
Type Safe JavaScript with JSDoc
https://medium.com/@trukrs/type-safe-javascript-with-jsdoc-7a2a63209b76