Conversation
undavide
left a comment
undavide
left a comment
There was a problem hiding this comment.
Great work, Holly!! ❤️
| Next, you can explore more advanced features of Lit and TypeScript to enhance your components. Some areas to explore include: | ||
|
|
||
| - **Event Handling**: Learn how to handle events in Lit components and communicate between components. | ||
| - **Component Composition**: Explore how to compose multiple components together to create complex UIs. | ||
| - **State Management**: Implement state management solutions like Redux or MobX to manage the state of your components. | ||
| - **Performance Optimization**: Optimize your components for performance by using memoization, lazy loading, and other techniques. | ||
| - **Testing**: Write unit tests for your components using tools like Jest or Mocha to ensure their correctness and reliability. |
There was a problem hiding this comment.
It would be great to have links for all the next steps, like
- [**Event Handling**](https://lit.dev/docs/v1/components/events/): Learn how to handle events in Lit components and communicate between components.
- [**Component Composition**](https://lit.dev/docs/composition/component-composition/): Explore how to compose multiple components together to create complex UIs.
|
I also see that the Linter is complaining... 🙄 |
nimithajalal
left a comment
nimithajalal
left a comment
There was a problem hiding this comment.
This is a tech core guide. I love the content. Can we make some minor tweaks to improve the flow of the content and make it result-oriented?
|
|
||
| <InlineAlert slots="text" variant="info"/> | ||
|
|
||
| Make sure you check out the [Using Lit & Typescript Guide](./lit-guide.md) for a more detailed explanation of how to use TypeScript with the Add-on SDK. |
There was a problem hiding this comment.
Check out the Using Lit & Typescript Guide for a more detailed explanation of using TypeScript with the Add-on SDK.
|
|
||
| ## Lit Framework | ||
|
|
||
| The CLI provides [starter template options](../getting_started/dev_tooling.md#templates) which provide a basic setup to allow you to use the Lit framework, a lightweight library for building fast, lightweight web components. There are currently template options available for either using basic JavaScript (`swc-javascript`) with Lit or TypeScript (`swc-typescript`), preconfigured to help you get started. |
There was a problem hiding this comment.
Build fast, lightweight web components using the Lit framework. Our CLI offers [starter templates(../getting_started/dev_tooling.md#templates) to help you get started:
swc-javascript: For building with Lit and JavaScriptswc-typescript: For building with Lit and TypeScript
Both templates come pre-configured with the necessary setup and dependencies.
For detailed guidance on using Lit with TypeScript, you can check out our [Using Lit & TypeScript Guide](./using-lit-typescript.md).There was a problem hiding this comment.
Can we have section headers similar to these?
- What can you do with this guide? And why should you use this?
- Prerequisites
- Getting Started
- Core Concepts - Required for achieving the end result.
- Component Development
- Advanced features- If any
- Integration with Adobe Add-on SDK
- Testing and Debugging
- Deployment
- End-to-end sample code
- Troubleshooting
|
|
||
| When you develop add-ons with a combination of [Lit](https://lit.dev/) and [TypeScript](https://https://www.typescriptlang.org/), you get the benefits of both worlds; a lightweight component library with reactive properties and templating capabilities, which help you build fast and efficient components, and the robust type system provided by TypeScript. | ||
|
|
||
| ## Lit Key Features |
There was a problem hiding this comment.
Are these general features specific to us?
If these are generic, we can put in the pre-req and say, we assume, you know these.
| } | ||
| ``` | ||
|
|
||
| ## Create a new Lit Component |
There was a problem hiding this comment.
I assume this is the end goal of this document. If yes, then, we should call it out in the beginning, mentioning, this is what we are teaching you.
3 participants
New Guide for Developing with Lit & TypeScript
Screenshots (if appropriate):
Types of changes
Checklist: