You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
### 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.
Copy file name to clipboardExpand all lines: react-js.md
+14-1
Original file line number
Diff line number
Diff line change
@@ -3,4 +3,17 @@
3
3
4
4
5
5
### 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)
-[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