website·Indexed 31 days ago
https://www.hojunin.com/A technical blog covering frontend development, software architecture, and developer growth. Topics include React, TypeScript (Type Narrowing), GraphQL architecture, React Query, Sentry, SEO with dynamic meta tags, and functional programming, alongside reflections on professional development and workflow optimization.
Docusaurus is a React-based static site generator developed by Facebook, designed specifically for documentation and blogs. Key features include:
.md files map to pages.Errors in React Native typically fall into three categories based on the architecture's separation of threads:
undefined or null via dot notation.const ApiInstance = axios.create({...});
ApiInstance.interceptors.response.use(
(response) => {
// Handle successful response
store.dispatch(
setQueryCrumbs({
headers: response.config.headers,
url: response.config.url,
timestamp: new Date().getTime(),
status: response.status,
}),
);
return response;
},
(error) => {
// Handle error response
store.dispatch(
setQueryCrumbs({
headers: error.response.config.headers,
url: error.response.config.url,
data: error.response.config.data,
errorMessage: error.response.data.message,
timestamp: new Date().getTime(),
status: error.response.status,
}),
)}
);unknown or a Union type) into a more specific type as the code progresses. A Type Guard is the specific mechanism or methodology used to perform this narrowing, ensuring that data is of a certain type before it is operated upon, which prevents runtime errors caused by any types.BreadCrumbs data can be applied to several product improvement tasks:
TouchCrumb data to visualize the density of user touch events, helping evaluate if UI elements are being noticed and used as intended.When a user encounters an error, the primary goal is to apologize politely, provide clear information about the cause, and guide the user back to a functional state. Errors should be categorized by responsibility to determine the appropriate message and action:
User-side issues:
System-side issues:
Messaging Guidelines: