Topics for advanced react workshop

[akiran]

This thread is to discuss the agenda for advanced react workshop

These are the topics based on our discussion

• Higher order components (Nitish)
• Render props (Nitish)
• refs (Kiran)
• Server side rendering (Kiran)
• Performance Optimizations (Darpan)
• Portals (Souvik)
• Error Boundaries (Kamlesh)
• Testing React component (Himadri)

Let me know, if we need to add or remove any topics from this list.

@kakadiadarpan @sunnykgupta @nitishkr88 @kamleshchandnani
Also let me know which topics you would like to present, so that we can started creating slides and exercises.

[nitishkr88]

Would we have time to cover static type checking with Flow?

I can take HOCs and Render Props as they are related.

[akiran]

static type checking with Flow is specific to react. So we can skip it for this workshop.

I didn't add context because its API is changing.
Should we cover portals and error boundaries in this workshop ?

[kakadiadarpan]

@akiran in my opinion we can remove findDOMNode as it doesn't get used by 90-95% of the developers. What do you say?

[akiran]

@kakadiadarpan, Yes I agree.

[kakadiadarpan]

How about the following topics:

• Error boundaries
• Testing react components
• Performance Optimizations
  • Understanding shouldComponentUpdate
  • Avoiding wasteful rerenders using PureComponent
  • Immutable data structures
  • Profiling Components with the Chrome Performance Tab
• Build tooling

[kakadiadarpan]

I can take up performance optimization and build tooling if we decide to include it.

[akiran]

@kakadiadarpan Yes, I added those topics. You can start creating slides and exercises for them.

@nitishkr88 Yes, you can take render Props and HOC's.

Feel free to open a PR with you content, so that we can review each others slides and examples and try to get good flow for workshop

[kamleshchandnani]

@iamhimadri are you interested to take up Testing react components?

[kamleshchandnani]

@akiran Since everything else is taken up Error boundaries are only left out 😆 I can take up that. I can collab with @kakadiadarpan on the topics he's taking up.

[himadridev]

Sure @kamleshchandnani and @akiran I can take Testing React Component topic.

[akiran]

@kakadiadarpan I removed build tools from this workshop. We can have separate workshop for topics independent of React like build tools, code splitting, flow etc

@kamleshchandnani @iamhimadri I added your topics to the list

[kakadiadarpan]

@akiran sure! That makes sense actually 😄

[himadridev]

@kakadiadarpan @akiran @kamleshchandnani @nitishkr88 @souvikbasu
how are we following the folder structure for PR?

exercise/
     performance-optimizations/
     testing-react-component/
solution/
     performance-optimizations/
     testing-react-component/

OR

performance-optimizations/
    exercise/
    solution/
testing-react-component/
    exercise/
    solution/

[kakadiadarpan]

@iamhimadri

exercise/
     performance-optimizations/
     testing-react-component/
solution/
     performance-optimizations/
     testing-react-component/

Let's keep the solutions separate from exercises.

[akiran]

@kakadiadarpan @akiran @kamleshchandnani @nitishkr88 @souvikbasu

excercises and solutions folder should be created with create react-react-app

you can put you code inside the source folder of exercises and solutions