Idiot-proof coding with Typescript and React
Submitted by Arjun Hariharan (@harjun1601) on Sunday, 12 November 2017
Section: Full talk on success and failure stories with React; code overheads and code rewrite stories with React Technical level: Beginner
Typescript has been gaining a lot of traction in the last couple of years as seen from the Stackoverflow Developer survey 2017, Angular 2 embracing Typescript and integrating it closely with the ecosystem etc. This talk is about
1. Typescript and why use it.
2. Who are using typescript and what does the JS community have to say about it.
3. React-Redux-webpack stack with Typescript
4. Linting with TSLINT and integration with VSCode
5. Auto completion, refactoring and navigation with typescript.
6. Breif introduction to typescript in server side (NodeJs) for full stack development.
7. Typescript best practices
Introduction to typescript
What is it and why use it
Latest updates from the community
Setting up React-Redux-Webpack with Typescript
Demo: Create a simple login component with Typescript
Demonstrate best coding practices with typescript by creating interfaces for component state and props first, then proceeding to the code.
Cover features like auto completion, code navigation.
Demo: Create typescript interfaces for reducers, action etc and integrate with login component.
Demo: Add TSlint to the project and integrate with VS Code.
Demo: Refactor the login form
Demonstrate how typescript helps to refactor code, reduce development time and improve code quality.
Demo: Typescript in Nodejs
Full stack development has become a norm in the industry these days. This demo will show how easy it is to code with typescript across the stack.
When and how to create global interface, overriding interfaces etc.
Senior Software Engineer and a founding memeber at Velotio Technologies. Arjun leads multiple projects in the SAAS and Chat-Bots domain and works with technologies like NodeJs, ReactJs, BotKit, RASA NLU (Natural language understanding). Arjun has also worked extensively in the Infrastructure space with tools like Chef, Docker and kubernetes and has played a key role in helping many corporates migrate their legacy app to micro services based architecture.