🧑‍💻 Progress Tracker

20th May

• Watched the Introduction to HTML playlist.
• Read about <header>, <footer>, <nav>, <article>, <section>, <div> and <span> tags and about HTML entities.

21st May

• Read the following chapters from javascript.info: JavaScript Fundamentals and Objects: the basics.
• Learned about the <script> and <link> tags, their attributes and common use cases.

22nd May

• Setup environment (VS Code, git and node).
• Created this website to keep track of my progress and a simple Hello JS website.
• Read about SOLID principles.
• Read about arrays, nuances of this, variable scope and closure.
• Started reading Advanced Functions.

23rd May

• Created the Compendium page.
• Read about the old var, rest parameters, spread syntax, global object, call/apply/bind function and destructuring assignments.

26th May

• Read about Map and Set, scheduling: setTimeout/getTimeout, property flags and descriptors, prototypes, inheritence, class basic syntax, basic error handling: try...catch...finally and basics of DOM.
• Started reading about promises and async/await.

27th May

• Read about modules, event loop, microtasks/macrotasks, callbacks, promises, promise chaining, error handling with promises, promises API and async/await.
• Wrote some Scheduling Examples to understand setTimeout/getTimeout better.
• Started learning React.

28th May

• Completed all React Fundamentals sections on Epic React course and also completed all execises with extra credits.
• Learned about React API, JSX, React components, forms and rendering arrays.
• Read "Describing the UI" chapter from react.dev.

29th May

• Completed all React Hooks sections on Epic React course and also completed all execises with extra credits. (last few extra credits need a rewatch)
• Read about useState, useEffect and useRef hooks.
• Read about Lazy state initialization, effect dependency, writing custom hook, hooks flow, basic local storage usage, lifting and colocating state, derived state, DOM interaction with React and making HTTP requests.
• Started reading about Error Boundary.

30th May

• Add an articles section to this page.
• Read "Adding Interactivity" chapter from react.dev.
• Created a To Do List app using React.

31st May

• Started working on an interactive visualizer for my Defex project.
• Learned to use the Material UI React component library.

1st June

• Rewatched the last exercise and extra credits of "useEffect: HTTP requests" in the React Hooks section.
• Started the Advance React Hooks section on the Epic React course.

2nd June

• Completed the Advance React Hooks chapter on the Epic React course.
• Read "Managing State" chapter from react.dev.
• Created a Demo React app for learning about useContext.
• Updated the To Do List app by splitting the source into multiple files and using useReducer instead of useState.
• Read about useReducer, useCallback, useContext, useLayoutEffect, forwardRef, useImperativeHandle and useDebugValue hooks.
• Started the Typescript course.

3rd June

• Started reading Escape Hatches.
• Learned about when and when not to use useEffect, passing callback to Ref and flushSync function.
• Finished Types, Functions, Complex Types, Union Types and Type Narrowing chapters from the Typescript course.
• Learned about primitive types, any type, variable annotation, functions, parameter type annotation, return type, optional and default parameters, inferring return types, void type, array type annotations, tuples, enums, string and numeric enums, object types, type aliases, function types, generic types, generic functions, unions, type narrowing and unions with literal types.
• Updated the Demo React app to use event listeners and added auto window resize feature. Also added a debounced input field using a custom react hook.
• Read Box Model and Selectors chapters from web.dev.

4th June

• Completed the Typescript course.
  Learned about interface and classes, implements keyword, type composition, extends keyword, index signature and optional type members.
• Read about useTransition hook and startTransition function.
• Setup the hooks-docs repo on local machine.
• Read about useHover, useLatest, usePrevious, useWhyDidYouUpdate, useVisibilityToggle and useClientRect from hooks-docs.
• Created a useHover Demo app.

5th June

• Learned about basics of next.js.
• Learned about .mdx files.
• Explored various hooks documentation website to figure out the structure of a documentation page.
• Wrote a draft documentation for useHover.
• Read about useTransition, useHadMounted and useCopyToClipboard hooks from hooks-docs.

6th June

• Learned how plugins work in next.js.
• Learned how to use raw-loader in next.js to load files as text.
• Leaned how Table of Content can be generated from .mdx files.
• Read about React.Children.forEach, React.Children.map, React.isValidElement and React.cloneElement.
• Created a simple Table of Content generator from a React Component.
• Finished documentation for useHover.

7th June

• Improved the Table of Content generator, by addinga an auto ID generator.
• Wrote documentation for useWhyDidYouUpdate and useVisibilityToggle.

8th June

• Learned about fast-forward merge, three-way merge, squash merge and rebasing in git.
• Wrote documentation for useLatest and usePrevious.

9th June

• Read more about transitions in React.
• Wrote documentation for useTransitionState and useHasMounted.

10th June

• Read about JavaScript AST and codemods.
• Learned how to use jscodeshift.
• Figured out how to aggregate information from multiple files when using jscodeshift.

11th June

• Wrote scripts to extract hooks usage info in a project into JSON and CSV files, using jscodeshift.
• Sorted all the commits in my local repo and made merge requests to main.
• Learned about git cherry-pick.
• Updated hooks-docs doc to use new UI.

12th June

• Read about react-use's useCopyToClipboard hook and the copy-to-clipboard library.
• Wrote documentation for useCopyToClipboard.

13th June

• Read about getBoundingClientRect, DOMRect and _.throttle function.
• Wrote documentation for useClientRect.
• Learned about react-view library.

15th June

• Read about useSnackbar and useLatestCallback.

16th June

• Wrote documentation for useLatestCallback.
• Read about useTheme and useOverrides.
• Read about overrides.

17th June

• Wrote documentation for useSnackbar and useOverrides.
• Read about memo function.

18th June

• Update examples in useLatestCallback, useSnackbar and useOverrides.
• Read about useStyles.

19th June

• Read about useInsertionEffect.
• Read about lodash's _.castArray and _.memoize.
• Read about requestAnimationFrame.
• Read about useStyles hook.

20th June

• Wrote documentation for useSprEnv and useSprFeature.

22nd June

• Read about useStyle and useTheme from minified code.

23rd June

• Wrote documentation for useStyle and useTheme.
• Read about rtl-css-js library.

24th June

• Read about Intersection Observer and Event Emitter.
• Wrote documentation for useStickyElement and useSystemEvents.

25th June

• Read about useButton.
• Refactor documentation.

26th June

• Wrote draft documentation for useButton.

27th June

• Finished documentation of useButton.
• Read about Next.js useRouter.
• Read about useRouteChangeConfirmation.

28th June

• Wrote documentation for useRouteChangeConfirmation.
• Read about useViewportSize and useSecureMediaUrl.
• Read about useWindowSize.

29th June

• Wrote documentation for useViewportSize and useSecureMediaUrl.
• Refactor documentation.

30th June

• Wrote documentation for useAsyncPicklistOptions.
• Read about useThirdPane.

1st July

• Wrote documentation for useThirdPane and useGetErrorMessage.