Skip to content

Commit 7d77346

Browse files
committed
add new links
1 parent 8838fb1 commit 7d77346

File tree

4 files changed

+32
-1
lines changed

4 files changed

+32
-1
lines changed

js.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
- [x] [Why using object spread with reduce probably a bad idea](https://prateeksurana.me/blog/why-using-object-spread-with-reduce-bad-idea/)

other.md

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
### How to Make a Flowchart for Programming Easy to Understand
2+
Learning Strategies for Teaching Flowcharts to Students
3+
4+
- Describe the Purpose: Study a flowchart to understand the purpose of the illustrated program. Write a short paragraph that describes what the program does.
5+
- Make a Recipe: Transform a flowchart into a numbered list similar to a food recipe. Provide a written description about what is happening at each step.
6+
- Fill-in-the-Blanks: Read a program description. Then study the flowchart that illustrates each step. Complete the blank shapes to finish the sequence of instructions. To simplify the task, the missing instructions can be provided with students placing them into the correct spot.
7+
- Connect the Shapes: Draw lines with arrows to direct the sequence of instructions in a flowchart. Label the lines with identifiers such as yes or no.
8+
- List the Variables: Study a flowchart to identify the variables that are needed to store, calculate, or manipulate data. Create a list.
9+
- Transform a Recipe into a Flowchart: Take a numbered list of steps in a program and transform it into a flowchart. Use the correct shapes to illustrate each action or process.
10+
- Code Connection: Map code snippets to steps in a flowchart.

react-js.md

+14-1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,17 @@
33

44

55
### React Performance
6-
[React Performance – 13 Ways to Optimize Performance of your React App](simform.com/blog/react-performance/)
6+
[React Performance – 13 Ways to Optimize Performance of your React App](simform.com/blog/react-performance/)
7+
8+
### Done ✓
9+
- [x] [Popular patterns and anti-patterns with React Hooks](https://dev.to/justboris/popular-patterns-and-anti-patterns-with-react-hooks-4da2)
10+
- [x] [How to Eliminate React Performance Issues](https://medium.com/@ohansemmanuel/how-to-eliminate-react-performance-issues-a16a250c0f27)
11+
- [x] [How To Write Better Functional Components in React](https://betterprogramming.pub/how-to-write-better-functional-components-in-react-bc974f777145)
12+
- [x] [Tao of React - Software Design, Architecture & Best Practices](https://www.notion.so/44850c27cb0a4437a19c4dc4f08d1fec?v=30ce964841844d1aae229297f7bee86c&p=00d3cdfaa2cb4d6d8e54bf8d5b397e89&pm=s)
13+
- [x] [Front end component design principles](https://engineering.carsguide.com.au/front-end-component-design-principles-55c5963998c9)
14+
- [x] [Five common mistakes writing react components (with hooks) in 2020](https://www.notion.so/44850c27cb0a4437a19c4dc4f08d1fec?v=30ce964841844d1aae229297f7bee86c&p=c83ba273ce82477bb5d4d907a98a034c&pm=s)
15+
- [x] [10 Must-Know Patterns for Writing Clean Code with React and TypeScript](https://www.notion.so/44850c27cb0a4437a19c4dc4f08d1fec?v=30ce964841844d1aae229297f7bee86c&p=10c2067b501347a295b386f18f75317a&pm=s)
16+
- [x] [A better way of solving prop drilling in React apps](https://blog.logrocket.com/solving-prop-drilling-react-apps/)
17+
- [x] [React antipatterns to avoid](https://isamatov.com/react-antipatterns/)
18+
- [x] [30 Awesome JavaScript Shorthand Techniques That You Should Know](https://javascript.plainenglish.io/30-awesome-javascript-shorthand-techniques-that-are-good-to-know-6590545ced3d)
19+
- [x] [How to write performant React code: rules, patterns, do's and don'ts](https://www.developerway.com/posts/how-to-write-performant-react-code)

type-script.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
- [Types vs. interfaces in TypeScript](https://blog.logrocket.com/types-vs-interfaces-in-typescript/)
2+
3+
- [Top 5 techniques in TypeScript to bring your code to the next level](https://obaranovskyi.medium.com/top-5-techniques-in-typescript-to-bring-your-code-to-the-next-level-6f20be543b39)
4+
5+
### Programming to Interface Vs to Implementation
6+
- Programming to an interface is a useful principle to design a dependency that can change in time or different dependency implementations can be selected by a runtime value.
7+
- However, if you're sure that a certain part of your code won't change, then programming to an implementation is a good and cheap choice!

0 commit comments

Comments
 (0)