Difference between revisions of "My Typescript Journey"

From PeformIQ Upgrade
Jump to navigation Jump to search
Line 4: Line 4:
A friend and mentor had be espousing the virtues of React and so I found a React course and set to work.  But then, of course, that was back into using Javascript.
A friend and mentor had be espousing the virtues of React and so I found a React course and set to work.  But then, of course, that was back into using Javascript.


Several CRUD applications later and a couple of consulting engangements I found myself with enough downtime to revisit my Javascript React apps.  By this time [https://redux-toolkit.js.org/rtk-query/overview RTK Query] had just been merged into the [https://redux-toolkit.js.org/ Redux Toolkit] and so I embarked on a process to refactor my CRUD applications into Typescript and use [https://redux-toolkit.js.org/tutorials/rtk-query RTK Query] rather than [https://axios-http.com/docs/intro axios] as the vehicle for web API calls.  It had been two years of COVID lockdowns since I had first implemented these aoplications and a number of key modules had drifted out of favour and so the refactor was more a rewrite as many pieces of the puzzle ad changed.
Several CRUD applications later - [[My CRUD Applications]] -  and a couple of consulting engagements, I found myself with enough downtime to revisit my Javascript React apps.  By this time [https://redux-toolkit.js.org/rtk-query/overview RTK Query] had just been merged into the [https://redux-toolkit.js.org/ Redux Toolkit] and so I embarked on a process to refactor my CRUD applications into Typescript and use [https://redux-toolkit.js.org/tutorials/rtk-query RTK Query] rather than [https://axios-http.com/docs/intro axios] as the vehicle for web API calls.  It had been two years of COVID lockdowns since I had first implemented these aoplications and a number of key modules had drifted out of favour and so the refactor was more a rewrite as many pieces of the puzzle ad changed.


MY React mentor came to the party again and recommended reading [https://typescript-book.com/ 'Typescript in 50 Lessions'] which I started and proved to be of great assistance.  After much Googling, visits to Stack Exchange and conversations with people more knowledgable than I, I had my first CRUD application running as a Typescript application.  From there I progressed to the others until I got distracted by another full time consulting engagement.
MY React mentor came to the party again and recommended reading [https://typescript-book.com/ 'Typescript in 50 Lessions'] which I started and proved to be of great assistance.  After much Googling, visits to Stack Exchange and conversations with people more knowledgable than I, I had my first CRUD application running as a Typescript application.  From there I progressed to the others until I got distracted by another full time consulting engagement.

Revision as of 07:29, 20 May 2023

My journey with Typescript started in 2016 with Angular2. From there it evolved through a number of Anguilar versions - 4, 6, 8.. until COVID19 rolled along and I rolled off that project.

A friend and mentor had be espousing the virtues of React and so I found a React course and set to work. But then, of course, that was back into using Javascript.

Several CRUD applications later - My CRUD Applications - and a couple of consulting engagements, I found myself with enough downtime to revisit my Javascript React apps. By this time RTK Query had just been merged into the Redux Toolkit and so I embarked on a process to refactor my CRUD applications into Typescript and use RTK Query rather than axios as the vehicle for web API calls. It had been two years of COVID lockdowns since I had first implemented these aoplications and a number of key modules had drifted out of favour and so the refactor was more a rewrite as many pieces of the puzzle ad changed.

MY React mentor came to the party again and recommended reading 'Typescript in 50 Lessions' which I started and proved to be of great assistance. After much Googling, visits to Stack Exchange and conversations with people more knowledgable than I, I had my first CRUD application running as a Typescript application. From there I progressed to the others until I got distracted by another full time consulting engagement.

The client for the most complex application re-engaged for some significant enhancements to the original React/Javascript application. Rather than waste time further developing the Javascript version I went back and completed the implementation of a number of application features I had not bothered to migrate and then pressed orward with the new work.


Among the challenges were coming to terms with some of the typing complexity around working with state store and various form and page events as we implemented a raft of new features to increase the sophistication of the application.

Along the way...