Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Originally inspired by Salesforce Theo. Figmagic promotes a structured way of assembling design systems. Following the primary principle of atomic design, Figmagic wants you to build from the bottom up, beginning with decomposing the tokens. Tokens shape elements, which form components, …
Github provides github action for CI/CD. For the CI, we could meet some cases to use private packages. In this case, npm run install will have permission problem. So, we need to set ssh agent. – name: Set ssh agent uses: webfactory/ssh-agent@v0.4.1 with: ssh-private-key: ${{ secrets.PRIVATE_SSH_KEY }} Then it will work for a private repository. …
AWS CloudFormation gives you an easy way to model a collection of related AWS and third-party resources, provision them quickly and consistently, and manage them throughout their lifecycles, by treating infrastructure as code. A CloudFormation template describes your desired resources and their dependencies so you can launch and configure them together as a stack. You …
Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …
Sometimes, we face some usecases to make a mapping object from an array of object. For example, we have a Users array, we need to find a user by tagId. Here tagIdis supposed to be unique. Generally, we may try to use array.find() function to find the object with tagId. But using array.reduce()function in Javascript, …
Slate.js is a rich text editor library similar to Draft.js The most important feature of slate.js is strong customizability. Slate.js itself provides very rich functionalities and we can add our plugin to slate.js very easily. Disadvantage of this library is steep learning curve. More details can be found here: https://docs.slatejs.org/
