{"product_id":"139070","title":"Elegant TypeScript with React ","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jXPBvrqUYE0gQ1w5PvJQ4gAWeeYqS.png?v=1765072588\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\n\n\u003cdiv style=\"width:95%\"\u003e\n\n\u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003e Elegant TypeScript with React \u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/123049083\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e Description \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eBook Introduction\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e \u003cb\u003eTypeScript + React Onboarding Guide for Junior Front-End Developers\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e Woowahan Brothers used JavaScript and its own web framework, WoowahanJS.\u003cbr\u003e However, as the service grew into a large-scale web application, the limitations of existing technologies were felt and TypeScript and React were introduced as standard front-end technologies.\u003cbr\u003e TypeScript is an extension language that is 100% compatible with JavaScript and supports static typing to improve stability and maintainability. \u003cbr\u003eIt also supports object-oriented programming, making it suitable for developing complex applications.\u003cbr\u003e React is a library for developing UI and supports a component-based development method, which increases code reusability and maintainability.\u003cbr\u003e This book explains the basic concepts and characteristics of TypeScript and how to use TypeScript in a React environment, based on the actual code of the Elegant Brothers.\u003cbr\u003e Additionally, through the development case of Baedal Minjok and interviews with members of Woowa Brothers, we introduce various technology utilization tips that can be applied directly to practical work.\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cul\u003e\u003cli\u003e You can preview some of the book's contents.\u003cbr\u003e \u003cspan\u003ePreview\u003c\/span\u003e\n\n\u003c\/li\u003e\u003c\/ul\u003e\u003c\/div\u003e\n\u003c\/div\u003e \",\"\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eindex\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e \u003cb\u003eChapter 1 Introduction\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 1.1 History of Web Development\u003cbr\u003e 1.2 Limitations of Web JavaScript\u003cbr\u003e\u003cbr\u003e \u003cb\u003e2-sheet type\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 2.1 What is Type\u003cbr\u003e 2.2 TypeScript's type system\u003cbr\u003e 2.3 Primitive Types\u003cbr\u003e 2.4 Object Types\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 3 Advanced Type\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003e3.1 TypeScript's unique type system\u003cbr\u003e 3.2 Type combination\u003cbr\u003e 3.3 How to use generics\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 4: Expanding and Narrowing Types\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 4.1 Extending the Type\u003cbr\u003e 4.2 Narrowing the Type - Type Guard\u003cbr\u003e 4.3 Narrowing the Type - Identifying Unions\u003cbr\u003e 4.4 Maintaining Accurate Type Branching with Exhaustiveness Checking\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 5: Using Types\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 5.1 Conditional Types\u003cbr\u003e 5.2 Using Template Literal Types\u003cbr\u003e 5.3 Using Custom Utility Types\u003cbr\u003e 5.4 Using it as an immutable object type\u003cbr\u003e 5.5 Improving Record Primitive Type Keys\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 6: Compiling TypeScript\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 6.1 JavaScript Runtime and TypeScript Compilation\u003cbr\u003e 6.2 TypeScript Compiler Behavior\u003cbr\u003e 6.3 Structure of the TypeScript Compiler\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 7 Asynchronous Calls\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 7.1 API Requests\u003cbr\u003e 7.2 Managing API State\u003cbr\u003e 7.3 API Error Handling\u003cbr\u003e 7.4 API Mocking\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 8 From JSX to TSX\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 8.1 Types of React Components\u003cbr\u003e 8.2 Creating React Components with TypeScript\u003cbr\u003e 8.3 Summary\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 9 Hook\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 9.1 React Hooks \u003cbr\u003e9.2 Custom Hooks\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 10 State Management\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 10.1 State Management\u003cbr\u003e 10.2 State Management Library\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 11 CSS-in-JS\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 11.1 What is CSS-in-JS?\u003cbr\u003e 11.2 Avoiding Duplicate Type Declarations in Styled-Components Using Utility Functions\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 12: TypeScript Project Management\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 12.1 Using Ambient Types\u003cbr\u003e 12.2 Using scripts and configuration files\u003cbr\u003e 12.3 TypeScript Migration\u003cbr\u003e 12.4 Monorepo\u003cbr\u003e\u003cbr\u003e \u003cb\u003eChapter 13 TypeScript and Object Orientation\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e 13.1 Object Orientation in TypeScript\u003cbr\u003e 13.2 How to Use the Elegant Brothers\u003cbr\u003e 13.3 Encapsulation and Abstraction\u003cbr\u003e 13.4 Summary\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e \",\"\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eDetailed image\u003c\/b\u003e \u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate4323\/MidCate010\/432292296.jpg\" border=\"0\" alt=\"Detailed Image 1\"\u003e\u003c\/div\u003e\u003c\/div\u003e \",\"\u003cdiv\u003e\u003ch5\u003e \u003cb\u003ePublisher's Review\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e \u003cb\u003eWhat technology stack does the front-end developer at Elegant Brothers use?\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e Woowahan Brothers used JavaScript and its own web framework, WoowahanJS, as its official web front-end technology stack. \u003cbr\u003eHowever, as the service grew into a large-scale web application, existing technologies were unable to meet rapidly changing business needs.\u003cbr\u003e Due to difficulties in changing and maintaining various functions due to limitations of JavaScript, such as the difficulty in understanding the interface, Woowa Brothers adopted React-based TypeScript as the standard technology stack for the web front-end.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cb\u003eWhy TypeScript?\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e TypeScript is an extension language that is 100% compatible with JavaScript and supports static typing to ensure stability.\u003cbr\u003e It also provides an object-oriented programming environment, which is very helpful when developing complex applications.\u003cbr\u003e Because of these various advantages, introducing TypeScript + React not only improves performance and stability, but also makes maintenance easier.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cb\u003eHands-on TypeScript + React Guide from the Elegant Brothers\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003eThis book introduces the use of TypeScript and React based on the development case of Baedal Minjok by Woowa Brothers.\u003cbr\u003e By learning the basic grammar and characteristics of TypeScript and examining how to use TypeScript in React, you can learn how to apply both technologies in practice.\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e \u003cb\u003eWhy should I learn TypeScript?\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e There are many reasons why you should learn TypeScript.\u003cbr\u003e - Error prevention: Since types are checked during the compilation phase, errors that may occur during the execution phase can be discovered and corrected in advance.\u003cbr\u003e - Improved code readability and maintainability: By explicitly specifying types, you can clearly express the meaning of the code and increase the reusability and maintainability of the code.\u003cbr\u003e - Improved collaboration efficiency: Types can improve collaboration efficiency because they clearly convey the intent of the code. \u003cbr\u003e- Compatible with JavaScript: TypeScript is 100% compatible with JavaScript, so you can use TypeScript anywhere JavaScript is used.\u003cbr\u003e\u003cbr\u003e These features are why many development organizations are using TypeScript.\u003cbr\u003e It is considered one of the skills that will help you become a better developer, so it is a good idea for front-end developers to learn it.\u003cbr\u003e\u003cbr\u003e \u003cb\u003eTarget audience for this book\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e This course is for junior front-end developers who have experience with TypeScript or JavaScript but want to learn TypeScript from the basics in depth.\u003cbr\u003e This book introduces the basic concepts and features of TypeScript and explains how to utilize TypeScript and React in practice based on examples of usage by Woowa Brothers.\u003cbr\u003e\u003cbr\u003e \u003cb\u003eKnowledge you need to know before reading this book\u003c\/b\u003e\u003cbr\u003e \u003cbr\u003eIf you have any experience learning the basics of HTML, CSS, and JavaScript, you can read this book with ease.\u003cbr\u003e You should also have basic knowledge of React, as it covers how to use TypeScript in React.\u003cbr\u003e\u003cbr\u003e \u003cb\u003eStructure of this book\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e Chapter 1 Introduction: We will briefly look at the history and limitations of JavaScript and examine the background that led to the emergence of TypeScript.\u003cbr\u003e Chapter 2 Types: We will look at the types provided by TypeScript for static typing.\u003cbr\u003e We'll look at what types are, how they work in other languages, and how to use types in TypeScript.\u003cbr\u003e Chapter 3 Advanced Types: Introduces TypeScript's unique type system that does not exist in JavaScript data types.\u003cbr\u003e And we will look at the knowledge required to perform more advanced type checking by applying the concept of types. \u003cbr\u003eChapter 4: Type Extension and Narrowing: We will look at the concepts of type extension and type narrowing and learn how to write more extensible and explicit code.\u003cbr\u003e Chapter 5: Using Types: Introducing examples of how the Elegant Brothers use TypeScript.\u003cbr\u003e We'll look at practical code examples from the Elegant Brothers and solve problems that arise from inaccurate typing using various TypeScript techniques and utility types.\u003cbr\u003e Chapter 6 TypeScript Compilation: We will look at the overall flow of TypeScript execution and learn about the main role and structure of the TypeScript compiler.\u003cbr\u003e And let's see how it actually compiles.\u003cbr\u003e Chapter 7 Asynchronous Calls: All actions of requesting an API and receiving a response are performed asynchronously.\u003cbr\u003e This chapter covers how to handle and manage asynchronous requests in TypeScript. \u003cbr\u003eChapter 8: From JSX to TSX: Introduces how to apply the JSX syntax used in React to TypeScript.\u003cbr\u003e Chapter 9 Hooks: Introduces how to handle state or side effects using several hooks provided by React.\u003cbr\u003e We'll also learn about custom hooks, which allow you to reuse state logic and reduce the complexity of your components.\u003cbr\u003e Chapter 10: State Management: Learn about state, which plays a crucial role in React applications.\u003cbr\u003e Learn the basic concepts of states and see how to manage them efficiently.\u003cbr\u003e Chapter 11: CSS-in-JS: CSS-in-JS is a way to write CSS in JavaScript. Applying CSS-in-JS abstracts CSS styles at the component level, rather than the document level, making them easier to manage.\u003cbr\u003e In Chapter 11, we will learn about the concepts and usage of CSS-in-JS. \u003cbr\u003eChapter 12: Managing TypeScript Projects: Introduces concepts and tips that can be useful in TypeScript projects.\u003cbr\u003e Chapter 13: TypeScript and Object Orientation: Learn how to leverage and enhance object orientation in TypeScript and React environments.\u003cbr\u003e\n\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e \"]\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e GOODS SPECIFICS \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eDate of issue:\u003c\/strong\u003e October 31, 2023\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003ePage count, weight, size:\u003c\/strong\u003e 380 pages | 716g | 183*235*15mm\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN13:\u003c\/strong\u003e 9791169211567\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN10:\u003c\/strong\u003e 1169211569 \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003c\/center\u003e\n\n\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43893339062314,"sku":"139070","price":41.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/8cb4448a338a255ab252affa6c92a382.jpg?v=1765397171","url":"https:\/\/librairie.coreenne.fr\/en\/products\/139070","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}