On the 24th of September I attended the SAP Inside Track 2022 event to join the big re-connect! It was a pleasure to see so many SAP Community members in one place, after 2 postponed years of SITbe! All these people, a great location and amazing sessions were key to another fantastic and fun SITbe edition. Together with my good friend c3d1947136cd4c748a7aa794001af496 I presented “A Type Trip” session, later known as “The Great Type Trip”, to a lot of CAP & UI5 enthusiasts. All together we went on a TypeScript adventure, one not to forget!
We wanted to spread the TypeScript word and to get you started with TypeScript yourself. That is why we summarized our session in this blogpost, to get you started or continue your Type Trip journey.
But before we do so, we think it is more than fair to share some cool tips & tricks that we’ve learned during some other sessions we attended at SITbe. Thank you to all speakers for the great sessions!
Session | Speaker | Cool stuff | More info |
OData V4 and SAP Cloud Application Programming Model | dj.adams.sap | @odata.singleton @Aggregation.CustomAggregate | qmacro/odata-v4-and-cap/customaggregates.cds qmacro/odata-v4-and-cap/singleton.cds |
Testing your CAP apps locally made easy with the open source cds-launchpad-plugin | 8d8214c7f9734f45be69f95cc0d5aeee | cds-launchpad-plugin | geert-janklaps/a-fiori-launchpad-sandbox-for-cap-projects geert-janklaps/cds-launchpad-plugin cds-launchpad-plugin - npm (npmjs.com) |
SAP Cloud SDK - Speed up your nodeJs projects with Virtual-Data-Models and learn to love the benefits! | drvup | Virtual-Datal-Models (VDMs) in nodeJs typescript | @sap/cloud-sdk-vdm-business-partner-service - npm (npmjs.com) SAP Cloud SDK | Business Partner (A2X) | SAP API Business Hub |
This trip was born due to two TypeScript fans sharing their experiences and ideas during a real-life development project. We were inspired by some amazing and helpful community repositories and tools as well, which we definitely wanted to highlight below.
Reference | Description | Link |
hacking-away-sampleapp | Teaches us how to connect different (TypeScript) applications using a local package manager. | ui5-community/hacking-away-sampleapp: UI5 TypeScript sample app with a custom UI5 Libraries - UI5con... |
ODatav4DemoApp | How to consume OData V4 services in a UI5 (TypeScript) application. | lemaiwo/ODatav4DemoApp (github.com) |
Easy-ui5 | When creating UI5 applications (TypeScript or JavaScript) the easy-ui5 generator is always by our side. | generator-easy-ui5 - npm (npmjs.com) |
A TypeScript Playground | Interested in taking your first TypeScript steps without installing whatever you might need? Play around in the TypeScript Playground. | TypeScript Playground |
When using TypeScript, coding get’s lot easier and makes more sense while reading or being at it. Not only the benefits mentioned above will be experienced, but fun is guaranteed as well. To get started with TypeScript in CAP we would like to refer to the SAP CAP documentation containing some great examples (repositories😞 Enable TypeScript Support, Developing with cds-ts, Full Stack TypeScript App.
We hope that we do not have to convince you any longer that testing is actually time saving and not a waste of time at all. Did some new developments? Run some tests to see if you broke the initial code, before passing your new developments to the testing team. Tough TypeScript will "help" you to make less mistakes along the way, a good test at the end of the day keeps the stress away. 😉 That’s why we would like to refer to the SAP CAP documentation once more, to highlight the Testing with ts-jest section. Here the documentation describes on how to use typescript with the JEST testing framework.
As stated during the presentation we wanted to add a cherry on top, by adding a UI5 TypeScript application to the demo. Like mentioned earlier the best repository in our opinion is the hacking-away-sampleapp repository on the GitHub page of the UI5-Community.
If you would have more questions still, you can find all your answers right here UI5-TypeScript | UI5 & TypeScript.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
7 | |
5 | |
5 | |
5 | |
5 | |
4 | |
4 | |
4 | |
3 | |
3 |