Student Tasks Component - Revision history

Spoudwa: /* Introduction */

2019-08-21T20:24:26Z

Introduction

← Older revision		Revision as of 20:24, 21 August 2019
Line 1:		Line 1:
	== Introduction ==		== Introduction ==

	After a student logs into Expertiza, the page that ~~the~~ student lands up on is the student tasks list, which as the name suggests lists the tasks the student has. The controller we are concerned with for procuring a list of such tasks is the <b>student_task_controller.rb</b>, which has a method called <b>list</b> which will provide us with a JSON object listing all the tasks.		After a student logs into Expertiza, the page that a student lands up on is the student tasks list, which as the name suggests lists the tasks the student has. The controller we are concerned with for procuring a list of such tasks is the <b>student_task_controller.rb</b>, which has a method called <b>list</b> which will provide us with a JSON object listing all the tasks.



	== Rails ==		== Rails ==

2019-08-21T07:22:32Z

React

← Older revision		Revision as of 07:22, 21 August 2019
Line 49:		Line 49:

	[[File:routeToList.PNG]]		[[File:routeToList.PNG]]


			In the StudentList React component, which is found under <b>client/src/components/studentList/StudentList.js</b>, the props received are mapped to the component state and the page is populated accordingly.

2019-08-21T07:18:55Z

React

← Older revision		Revision as of 07:18, 21 August 2019
Line 47:		Line 47:

	The state data is passed to <b>studentList</b> react component as props from the main component. This is the code you will find in the main component,		The state data is passed to <b>studentList</b> react component as props from the main component. This is the code you will find in the main component,

			[[File:routeToList.PNG]]

2019-08-21T07:17:45Z

React

← Older revision		Revision as of 07:17, 21 August 2019
Line 45:		Line 45:

	== React ==		== React ==

			The state data is passed to <b>studentList</b> react component as props from the main component. This is the code you will find in the main component,

2019-08-21T06:32:17Z

Redux

← Older revision		Revision as of 06:32, 21 August 2019
Line 41:		Line 41:

	In the reducer, depending upon the action, which is determined by the response data received, following changes are appended to the state of the client application,		In the reducer, depending upon the action, which is determined by the response data received, following changes are appended to the state of the client application,

			[[File:student_task_list_reducer.PNG]]

	== React ==		== React ==

2019-08-21T06:31:10Z

Redux

← Older revision		Revision as of 06:31, 21 August 2019
Line 39:		Line 39:
	<li>hasBadges</li>		<li>hasBadges</li>
	</ul>		</ul>

			In the reducer, depending upon the action, which is determined by the response data received, following changes are appended to the state of the client application,

	== React ==		== React ==

2019-08-21T06:27:17Z

Redux

2019-08-21T06:25:36Z

Redux

← Older revision		Revision as of 06:25, 21 August 2019
Line 30:		Line 30:
	The reducer for the same can be found under expertiza/client/src/redux/reducers/StudentTaskList.js. The response that is received from the back-end has the following data which is present as different data structures depending upon how the json was formulated in the back-end,		The reducer for the same can be found under expertiza/client/src/redux/reducers/StudentTaskList.js. The response that is received from the back-end has the following data which is present as different data structures depending upon how the json was formulated in the back-end,

			<ul>
	<li> studentsTeamedWith </li>		<li> studentsTeamedWith </li>
			</ul>

	== React ==		== React ==

2019-08-21T06:24:09Z

Redux

← Older revision		Revision as of 06:24, 21 August 2019
Line 30:		Line 30:
	The reducer for the same can be found under expertiza/client/src/redux/reducers/StudentTaskList.js. The response that is received from the back-end has the following data which is present as different data structures depending upon how the json was formulated in the back-end,		The reducer for the same can be found under expertiza/client/src/redux/reducers/StudentTaskList.js. The response that is received from the back-end has the following data which is present as different data structures depending upon how the json was formulated in the back-end,

	<li>studentsTeamedWith</li>		<li> studentsTeamedWith </li>

	== React ==		== React ==

2019-08-21T06:23:36Z

Redux

← Older revision		Revision as of 06:23, 21 August 2019
Line 26:		Line 26:

	[[File:student_task_list_redux_action.PNG]]		[[File:student_task_list_redux_action.PNG]]


			The reducer for the same can be found under expertiza/client/src/redux/reducers/StudentTaskList.js. The response that is received from the back-end has the following data which is present as different data structures depending upon how the json was formulated in the back-end,

			<li>studentsTeamedWith</li>

	== React ==		== React ==